Jazyk tvoří neviditelný rámec našeho myšlení a chování. Jak toho můžeme využít v designu uživatelských rozhraní a uživatelského prožitku?

1. Jazyk uživatelského rozhraní
Jan Brejcha, UXCAMP Praha, 28.5.2011

2. Jazyk

3. Jazyk
• Přirozený jazyk formuje a vede naše myšlení a vnímání (vytváří mentální
modely)
• V odlišných jazycích můžeme vyjádřit odlišné obsahy
• Každý jazyk opakuje “odlišné jazykové zvyklosti určité komunity a
předurčuje určité volby interpretací” (Sapir-Whorf)
3

4. Webshots: bhbplus

5. Jazyk > myšlení > jednání

6. ece.ubc.ca

7. Interakce jako konverzace
St. Martin's Theatre, 1923

8. Shluky, vzorce
• Znaky vytváří shluky, systémy, které sdílejí podobnost na základě vztahů
(Alexander)

9. Alexander

10. Jazyk designu
• Vychází z analýzy toho, co se osvedčilo (best practices)
• Stanovuje pravidla pro nový design v daném kontextu (design principles/
tenets)
• Určuje, co jak lze spojit

11. Alexander

12. Jazyk interakce
• V architektuře stejně jako v interakci stavíme na vzorcích (patterns)
• Vzorce skládáme na principu přirozeného jazyka
• Interakci tam můžeme definovat na základě "abecedy"

13. Alexander

14. Vzorce a kultury
• Jednoduché vzorce lze převést přímo
• Ty složité již musí počítat se strukturou cílového jazyka a mentality

17. Gramatika

18. Jazykové modely
Subjekt-objekt-verbum (SOV) 565
Subjekt-verbum-objekt (SVO) 488
Verbum-subjekt-objekt (VSO) 95
Verbum-objekt-subjekt (VOS) 25
Objekt-verbum-subjekt (OVS) 11
Objekt-subjekt-verbum (OSV) 4
Bez dominantního pořadí 189
Celkem 1377
Dryer, 2008

19. Dryer, 2008

20. Interaktivní řádek (SVO)
• Command line interface
• “echo nadpis >> seminarka.txt”
• využívá syntagma akce + objekt
• založeno na přirozeném jazyku
• výběr položek z menu

22. Přímá manipulace (SOV)
• pojem zavedl Ben Shneiderman 1983
• snaha co nejvíce omezit opakované úkony
• založena na GUI a TUI
• Transparentní interakce (Norman)
• využívá syntagma objekt + akce

24. Gramatika interakce
• Určuje, co, jak a proč lze zřetězit do příčinné interakční jednotky
• Zlepšuje konzistenci UI a UX
• Pomáhá budovat očekávání
• Posilují ji omezení: fyzická (affordance), logická (uvažování) a kulturní
(konvence) (Norman)

25. Drag and Drop Interaction Storyboard
Property: ID:
Drag Over Drag Over
Page Load Mouse Hover Mouse Down Drag Initiated Valid Target Invalid Target
Page drag invitation
Cursor normal draggability selected dragging drop will be valid drop will be invalid
grabbable area
Tool Tip draggability
grabbable area
Drag Object normal draggability selected dragging drop will be valid drop will be invalid
grabbable area
Drag Object's normal draggability selected dragging
Parent grabbable area
Container
Scott, 2005

26. Interakční jazyk
• Diskrétní jednotky: nejmenší smysluplné jednotky (např. mouse-down)
• Interakční věty: smysluplné jednotky popisující uživatelskou interakci
• Jazykové hry: uzavřená interakční jednotka sestávájící ze sady interakčních
vět
• Interakční rétorické zástupky (tropy): použité prostředky substituce (př.
metafory), implikované akce, konotace
• Vyprávění: slovní sdělení, ale i pořadí, ve kterém vnímáme prvky UI
• Fáze interakce: začátek, prostředek a konec
• Vzorce: opakující se struktury všech prvků interakčního jazyka

29. Interakce

30. Objekt
Verbum

37. Závěrem
• Kde je to možné, jasně definovat interakční jazyk
• Gramatika interakce pomáhá vytvořit správný mentální model fungování UI
• Různé kultury chápou význam S, V, O odlišně (význam pro lokalizaci)

38. Děkuji!
http://jan.brejcha.name
e-mail: jan@brejcha.name