Adapting UsiXML User Interfaces to Cultural Background

1,786 views

Published on

Adapting a user interface to the end user's cultural background today remains an open challenge since many underlying issues are not yet solved. This paper addresses this challenge by reporting on a selected series of these issues, by structuring them according to Nielsen's linguistic model of interaction, and by discussing how each issue can be supported by incorporating its solution into a User Interface Description Language, such as User Interface eXtensible Markup Language (UsiXML), at the level of a Concrete User Interface (CUI). In particular, the problem of right-to-left (RTL) versus left-to-right languages (LTR) languages is discussed through a series of adaptations of algorithms and techniques that support the automated generation of Arabain graphical user interfaces based on UsiXML.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,786
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Adapting UsiXML User Interfaces to Cultural Background

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

×