SlideShare a Scribd company logo
1 of 26
Adapting UsiXML User Interfaces to Cultural Background IyadKhaddam, Jean Vanderdonckt
Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products  Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
Right To Left UI: What is it?
Right To Left UI: What is it?
Right To Left UI: What is it? Summary of RTL Effect on UI: Orientation Localization: Text localization Text localization: language encoding and character set (alphabet). Direction switching: direction of text writing. Graphics localization RTL sensitive graphics (non-horizontally symmetrical) Images with text inside Other localizable images (country flag…) Control localization Control rendering: ex: label control should support writing from right to left. Control behaviour: controls should be aware of special behavior for special keys (like pressing “enter” key in a text area)
Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products  Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
Awareness/support for RTL UI in SW products OS Support ERP Products UI Languages: XUL (XML User Interface)
XUL
Awareness/support for RTL UI in SW products OS Support ERP Products UI Languages: XUL (XML User Interface) XAML
XAML
Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products  Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
Current RTL UI support in UsiXML Orientation:  UsiXML Supports Alignment (right, left, center). UsiXML Supports Positioning Positioning != Orientation
Current RTL UI support in UsiXML Localization: Text localization Text Translation: Resource Model. Support for Unicode is needed. Direction switching: Not Supported. Graphics localization Supported Number of localized images may be larger than LTR  localized ones.. Control localization Not Supported. All controls are direction-insensitive. Left to the FUI. Problems: Reverse engineering, mixed UI with both LTR and RTL controls.
Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products  Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
Suggested Updates to UsiXML Add a new property to Context Model. The “dir” property. Values in [RTL, LTR]. Optional prop. Add a new property to class 2DgraphicalCio: “dir” property. Inherits value from objects trees. Properties Usage.
Suggested Updates to UsiXML Optional: Minimized localized images Image Component class: Add new property: ImageDir [LTR, RTL, empty(null)]
Suggested Updates to UsiXML Optional: Fixing the Direction switching Add direction tags to text: <LTR/>  and <RTL/>. <RTL>تقابلنا في</RTL><LTR>Paris</LTR><RTL>السنة الماضية</RTL>
Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products  Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
Towards Culturally-aware UsiXML UI Usability: Tip 1: Align fields effectively: left-justifyedit fields. The corresponding labels should be right-justifiedand placed immediately beside the field.  Tips 2: Justify data appropriately: For columns of data: right-justify numbers, and left-justify strings.
Towards Culturally-aware UsiXML UI Revisit existing techniques for selecting and placing widgets in a GUI. Automatic selection of widgets Automatic laying out of widgets ,[object Object],[object Object],[object Object]
Towards Culturally-aware UsiXML UI Cultural Dimensions
Questions and Discussion Thank you
Adapting UsiXML User Interfaces to Cultural Background
Adapting UsiXML User Interfaces to Cultural Background

More Related Content

Viewers also liked

Systematic Generation of Abstract User Interfaces
Systematic Generation of Abstract User InterfacesSystematic Generation of Abstract User Interfaces
Systematic Generation of Abstract User InterfacesJean Vanderdonckt
 
A Comparative Analysis of Task Modeling Notations
A Comparative Analysis of Task Modeling NotationsA Comparative Analysis of Task Modeling Notations
A Comparative Analysis of Task Modeling NotationsJean Vanderdonckt
 
Encapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionEncapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionJean Vanderdonckt
 
Workflow User Interfaces Patterns
Workflow User Interfaces PatternsWorkflow User Interfaces Patterns
Workflow User Interfaces PatternsJean Vanderdonckt
 
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...Jean Vanderdonckt
 
Thai oral
Thai oralThai oral
Thai oraltsiri2
 
Novoneyra "A natureza-o tempo"
Novoneyra "A natureza-o tempo"Novoneyra "A natureza-o tempo"
Novoneyra "A natureza-o tempo"monadela
 
Blog 3.3
Blog 3.3Blog 3.3
Blog 3.3Mike Le
 
经济与行政论文
经济与行政论文经济与行政论文
经济与行政论文a34951645
 
Social media
Social mediaSocial media
Social medianansadid
 
Gay33
Gay33Gay33
Gay33gay33
 

Viewers also liked (13)

Systematic Generation of Abstract User Interfaces
Systematic Generation of Abstract User InterfacesSystematic Generation of Abstract User Interfaces
Systematic Generation of Abstract User Interfaces
 
A Comparative Analysis of Task Modeling Notations
A Comparative Analysis of Task Modeling NotationsA Comparative Analysis of Task Modeling Notations
A Comparative Analysis of Task Modeling Notations
 
Encapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionEncapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selection
 
Workflow User Interfaces Patterns
Workflow User Interfaces PatternsWorkflow User Interfaces Patterns
Workflow User Interfaces Patterns
 
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...
Re-Engineering Graphical User Interfaces from their Resource Files with UsiRe...
 
Google masterplan
Google masterplanGoogle masterplan
Google masterplan
 
Thai oral
Thai oralThai oral
Thai oral
 
Novoneyra "A natureza-o tempo"
Novoneyra "A natureza-o tempo"Novoneyra "A natureza-o tempo"
Novoneyra "A natureza-o tempo"
 
Blog 3.3
Blog 3.3Blog 3.3
Blog 3.3
 
Kdcphuocan
KdcphuocanKdcphuocan
Kdcphuocan
 
经济与行政论文
经济与行政论文经济与行政论文
经济与行政论文
 
Social media
Social mediaSocial media
Social media
 
Gay33
Gay33Gay33
Gay33
 

Similar to Adapting UsiXML User Interfaces to Cultural Background

SmartArt-Graphics-Complete-Collection-2020(widescreen).pptx
SmartArt-Graphics-Complete-Collection-2020(widescreen).pptxSmartArt-Graphics-Complete-Collection-2020(widescreen).pptx
SmartArt-Graphics-Complete-Collection-2020(widescreen).pptxSushantKandwal2
 
Altova Tools for DB2 pureXML
Altova Tools for DB2 pureXMLAltova Tools for DB2 pureXML
Altova Tools for DB2 pureXMLdavemcg
 
SPEC Innovations: New Features in Innoslate Webinar
SPEC Innovations: New Features in Innoslate WebinarSPEC Innovations: New Features in Innoslate Webinar
SPEC Innovations: New Features in Innoslate WebinarElizabeth Steiner
 
plone.app.multilingual
plone.app.multilingual plone.app.multilingual
plone.app.multilingual Ramon Navarro
 
Globalization Of Software
Globalization Of SoftwareGlobalization Of Software
Globalization Of SoftwareRobert Sayegh
 
Ugif 10 2012 lycia2 introduction in 45 minutes
Ugif 10 2012 lycia2 introduction in 45 minutesUgif 10 2012 lycia2 introduction in 45 minutes
Ugif 10 2012 lycia2 introduction in 45 minutesUGIF
 
Model-driven Development of Model Transformations
Model-driven Development of Model TransformationsModel-driven Development of Model Transformations
Model-driven Development of Model TransformationsPieter Van Gorp
 
Flutter Introduction and Architecture
Flutter Introduction and ArchitectureFlutter Introduction and Architecture
Flutter Introduction and ArchitectureJenish MS
 
Designing Optimized Symbols for InduSoft Web Studio Projects
Designing Optimized Symbols for InduSoft Web Studio ProjectsDesigning Optimized Symbols for InduSoft Web Studio Projects
Designing Optimized Symbols for InduSoft Web Studio ProjectsAVEVA
 
Easydd program
Easydd programEasydd program
Easydd programTaha Sochi
 
Vb6.0 Introduction
Vb6.0 IntroductionVb6.0 Introduction
Vb6.0 IntroductionTennyson
 
Putting DITA Localization into Practice
Putting DITA Localization into PracticePutting DITA Localization into Practice
Putting DITA Localization into PracticeXMetaL
 

Similar to Adapting UsiXML User Interfaces to Cultural Background (14)

SmartArt-Graphics-Complete-Collection-2020(widescreen).pptx
SmartArt-Graphics-Complete-Collection-2020(widescreen).pptxSmartArt-Graphics-Complete-Collection-2020(widescreen).pptx
SmartArt-Graphics-Complete-Collection-2020(widescreen).pptx
 
Why XML is important for everyone, especially technical communicators
Why XML is important for everyone, especially technical communicatorsWhy XML is important for everyone, especially technical communicators
Why XML is important for everyone, especially technical communicators
 
Altova Tools for DB2 pureXML
Altova Tools for DB2 pureXMLAltova Tools for DB2 pureXML
Altova Tools for DB2 pureXML
 
SPEC Innovations: New Features in Innoslate Webinar
SPEC Innovations: New Features in Innoslate WebinarSPEC Innovations: New Features in Innoslate Webinar
SPEC Innovations: New Features in Innoslate Webinar
 
plone.app.multilingual
plone.app.multilingual plone.app.multilingual
plone.app.multilingual
 
Globalization Of Software
Globalization Of SoftwareGlobalization Of Software
Globalization Of Software
 
Ugif 10 2012 lycia2 introduction in 45 minutes
Ugif 10 2012 lycia2 introduction in 45 minutesUgif 10 2012 lycia2 introduction in 45 minutes
Ugif 10 2012 lycia2 introduction in 45 minutes
 
Model-driven Development of Model Transformations
Model-driven Development of Model TransformationsModel-driven Development of Model Transformations
Model-driven Development of Model Transformations
 
Flutter Introduction and Architecture
Flutter Introduction and ArchitectureFlutter Introduction and Architecture
Flutter Introduction and Architecture
 
Designing Optimized Symbols for InduSoft Web Studio Projects
Designing Optimized Symbols for InduSoft Web Studio ProjectsDesigning Optimized Symbols for InduSoft Web Studio Projects
Designing Optimized Symbols for InduSoft Web Studio Projects
 
Easydd program
Easydd programEasydd program
Easydd program
 
Python Introduction
Python IntroductionPython Introduction
Python Introduction
 
Vb6.0 Introduction
Vb6.0 IntroductionVb6.0 Introduction
Vb6.0 Introduction
 
Putting DITA Localization into Practice
Putting DITA Localization into PracticePutting DITA Localization into Practice
Putting DITA Localization into Practice
 

More from Jean Vanderdonckt

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesJean Vanderdonckt
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Jean Vanderdonckt
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...Jean Vanderdonckt
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...Jean Vanderdonckt
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...Jean Vanderdonckt
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsJean Vanderdonckt
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeJean Vanderdonckt
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresJean Vanderdonckt
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Jean Vanderdonckt
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsJean Vanderdonckt
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural InteractionJean Vanderdonckt
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Jean Vanderdonckt
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...Jean Vanderdonckt
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...Jean Vanderdonckt
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkJean Vanderdonckt
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesJean Vanderdonckt
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper BodyJean Vanderdonckt
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesJean Vanderdonckt
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionJean Vanderdonckt
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gesturesJean Vanderdonckt
 

More from Jean Vanderdonckt (20)

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User Interfaces
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOps
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with Slime
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and Measures
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and Pitfalls
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural Interaction
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you Work
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV Gestures
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture Recognition
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gestures
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfdanishmna97
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityVictorSzoltysek
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard37
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governanceWSO2
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data SciencePaolo Missier
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAnitaRaj43
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 

Recently uploaded (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 

Adapting UsiXML User Interfaces to Cultural Background

  • 1. Adapting UsiXML User Interfaces to Cultural Background IyadKhaddam, Jean Vanderdonckt
  • 2. Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
  • 3. Right To Left UI: What is it?
  • 4. Right To Left UI: What is it?
  • 5. Right To Left UI: What is it? Summary of RTL Effect on UI: Orientation Localization: Text localization Text localization: language encoding and character set (alphabet). Direction switching: direction of text writing. Graphics localization RTL sensitive graphics (non-horizontally symmetrical) Images with text inside Other localizable images (country flag…) Control localization Control rendering: ex: label control should support writing from right to left. Control behaviour: controls should be aware of special behavior for special keys (like pressing “enter” key in a text area)
  • 6. Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
  • 7. Awareness/support for RTL UI in SW products OS Support ERP Products UI Languages: XUL (XML User Interface)
  • 8. XUL
  • 9. Awareness/support for RTL UI in SW products OS Support ERP Products UI Languages: XUL (XML User Interface) XAML
  • 10. XAML
  • 11. Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
  • 12. Current RTL UI support in UsiXML Orientation: UsiXML Supports Alignment (right, left, center). UsiXML Supports Positioning Positioning != Orientation
  • 13. Current RTL UI support in UsiXML Localization: Text localization Text Translation: Resource Model. Support for Unicode is needed. Direction switching: Not Supported. Graphics localization Supported Number of localized images may be larger than LTR localized ones.. Control localization Not Supported. All controls are direction-insensitive. Left to the FUI. Problems: Reverse engineering, mixed UI with both LTR and RTL controls.
  • 14. Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
  • 15. Suggested Updates to UsiXML Add a new property to Context Model. The “dir” property. Values in [RTL, LTR]. Optional prop. Add a new property to class 2DgraphicalCio: “dir” property. Inherits value from objects trees. Properties Usage.
  • 16. Suggested Updates to UsiXML Optional: Minimized localized images Image Component class: Add new property: ImageDir [LTR, RTL, empty(null)]
  • 17. Suggested Updates to UsiXML Optional: Fixing the Direction switching Add direction tags to text: <LTR/> and <RTL/>. <RTL>تقابلنا في</RTL><LTR>Paris</LTR><RTL>السنة الماضية</RTL>
  • 18. Outlines Right To Left UI: What is it? Awareness/support for RTL UI in SW products Current RTL UI support in UsiXML Suggested Updates to UsiXML Towards Culturally-aware UsiXML UI
  • 19. Towards Culturally-aware UsiXML UI Usability: Tip 1: Align fields effectively: left-justifyedit fields. The corresponding labels should be right-justifiedand placed immediately beside the field. Tips 2: Justify data appropriately: For columns of data: right-justify numbers, and left-justify strings.
  • 20.
  • 21. Towards Culturally-aware UsiXML UI Cultural Dimensions
  • 22.
  • 23.