Flippable User Interfaces for Internationalization
Download as PPTX, PDF0 likes358 views
The document discusses 'flippable user interfaces' designed for internationalization, presenting an interaction technique that allows users to adapt the UI based on cultural and language preferences. It outlines design principles and architectural frameworks that enhance user interaction through techniques like page flipping, ensuring smooth transitions and culturally relevant adaptations. Key factors include screen layout, language direction, and other considerations like metaphors and organizational structures.
Flippable User Interfaces for Internationalization
- 1. Flippable User Interfaces for InternationalizationIyadKhaddam and Jean VanderdoncktLILAB – Louvain Interaction LaboratoryUniversité catholique de LouvainBelgiumPisa, June 13th- 16th, 2011
- 2. ContentInternationalizationFlippable UI: An Interaction technique To language adaptationFlippable UI: Design PrinciplesTool ArchitectureDemo
- 4. InternationalizationLocalization factors:ColorFormatMetaphorScreenLayoutImageStructureLanguage…User Preferences: End user can adapt the UI (Adaptability)Adaptation logic will handle culture awareness (Adaptive)
- 5. InternationalizationLanguage:A critical localization factor.Translation of content, layout adaptation to reading directionOther less critical lexical aspects: color, font, size.Other high-level, hard to predict aspects: metaphors, organization.
- 6. ContentInternationalizationFlippable UI: An Interaction technique To language adaptationFlippable UI: Design PrinciplesTool ArchitectureDemo
- 7. Flippable UIAn Interaction technique To language adaptation.3 Fields of research:Adaptation to Cultural background: technical adaptations (alphabet, character set), national Adaptation (add nation-relevant information), cultural adaptation (habits, attitude, conventions and meanings).
- 9. Flippable UIAn Interaction technique To language adaptation.3 Fields of research:Adaptation to Cultural backgroundInteraction Techniques: Flipping a page of a book. Increase end user’s subjective satisfaction and naturalness of interaction.
- 10. Flippable UIAn Interaction technique To language adaptation.3 Fields of research:Adaptation to Cultural backgroundInteraction TechniquesAnimated Transitions: Convey the change of display
- 11. ContentInternationalizationFlippable UI: An Interaction technique To language adaptationFlippable UI: Design PrinciplesTool ArchitectureDemo
- 12. Flippable UI: Design PrinciplesPrinciples:#1: Provide Handles for direct flipping
- 14. Flippable UI: Design PrinciplesPrinciples:#1: Provide Handles for direct flipping#2: Perform Adaptation according to flipping
- 15. Left To Right, Top To BottomRight To Left, Top To BottomLeft To Right, Bottom To TopRight To left, Bottom To Top
- 16. Flippable UI: Design PrinciplesPrinciples:#1: Provide Handles for direct flipping#2: Perform Adaptation according to flipping#3: Ensure smooth transition for adaptation
- 18. ContentInternationalizationFlippable UI: An Interaction technique To language adaptationFlippable UI: Design PrinciplesTool ArchitectureDemo
- 20. ContentInternationalizationFlippable UI: An Interaction technique To language adaptationFlippable UI: Design PrinciplesTool ArchitectureDemo
- 22. Questions?Thank You.IyadKhaddam (iyad.khaddam@student.uclouvain.be) and Jean Vanderdonckt (jean.vanderdonckt@uclouvain.be)
Editor's Notes
- #4: Localization is the process of adapting software to culture, continent, country, region or a set of them. The software copy is created for each adaptation. Changes can be just for one copy (colors), or can be unified for the different copies (orange).Globalization is the process of creating UI the accommodates the common ground of largest possible audience from different cultures, continents, countries, regions. This means one single UI.