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

Thai oral
Thai oralThai oral
Thai oral
tsiri2
 
Blog 3.3
Blog 3.3Blog 3.3
Blog 3.3
Mike Le
 
经济与行政论文
经济与行政论文经济与行政论文
经济与行政论文
a34951645
 
Gay33
Gay33Gay33
Gay33
gay33
 

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

Altova Tools for DB2 pureXML
Altova Tools for DB2 pureXMLAltova Tools for DB2 pureXML
Altova Tools for DB2 pureXML
davemcg
 
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
UGIF
 
Vb6.0 Introduction
Vb6.0 IntroductionVb6.0 Introduction
Vb6.0 Introduction
Tennyson
 

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

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
 

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

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
panagenda
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

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
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
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
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
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
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 

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.