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

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
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

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
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
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
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
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
 

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.