4. UI
User Interface
UI je souhrn způsobů, jakými uživatelé ovlivňují chování strojů,
zařízení, nebo počítačových programů, žen.
Tuesday, June 22, 2010
5. UI
User Interface
UI je souhrn způsobů, jakými uživatelé ovlivňují chování strojů,
zařízení, nebo počítačových programů, žen.
vstupy od uživatele, kterými se prostředí ovládá
Tuesday, June 22, 2010
6. UI
User Interface
UI je souhrn způsobů, jakými uživatelé ovlivňují chování strojů,
zařízení, nebo počítačových programů, žen.
vstupy od uživatele, kterými se prostředí ovládá
výstupy, které prezentují výsledky uživatelových vstupů
Tuesday, June 22, 2010
9. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
Tuesday, June 22, 2010
10. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
Tuesday, June 22, 2010
11. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
Tuesday, June 22, 2010
12. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
Tuesday, June 22, 2010
13. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
Tuesday, June 22, 2010
14. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
5. nativní UI objekty
Tuesday, June 22, 2010
15. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
5. nativní UI objekty
6. minimum in-screen objektů
Tuesday, June 22, 2010
16. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
5. nativní UI objekty
6. minimum in-screen objektů
7. žádné nastavení
Tuesday, June 22, 2010
17. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
5. nativní UI objekty
6. minimum in-screen objektů
7. žádné nastavení
8. nenořit uživatele hluboko do aplikace
Tuesday, June 22, 2010
18. Mac-like
10 (nepsaných) pravidel pro design UI pro iOS apps
1. vlastnit iPhone či jiné zařízení s iOS
2. studovat HIG a aplikace v AppStore
3. mít cit pro design a detaily
4. jedna obrazovka by měla obsahovat jednu “věc”
5. nativní UI objekty
6. minimum in-screen objektů
7. žádné nastavení
8. nenořit uživatele hluboko do aplikace
9. dostatek whitespace a vhodné velikosti objektů
Tuesday, June 22, 2010
19. Demo
Not-Mac-like design
Tuesday, June 22, 2010
43. Design process
Postup při návrhu designu UI pro iOS apps
Wireframes Design
Tuesday, June 22, 2010
44. Design process
Postup při návrhu designu UI pro iOS apps
Wireframes Design Fine-Tuning
Tuesday, June 22, 2010
45. Fine-Tuning
[export fromPsd] != [Application sendToAppstore]
Nakreslená aplikace ve
Photoshopu rozhodně
neznamená, že práce
designera končí!
Tuesday, June 22, 2010
46. Fine-Tuning
[export fromPsd] != [Application sendToAppstore]
Nakreslená aplikace ve
Photoshopu rozhodně
neznamená, že práce
designera končí!
Tuesday, June 22, 2010
48. UX
User Experience
UX jsou pocity (zážitky) uživatele při interakci s aplikací,
službou nebo produktem. Je to abstraktní pojem.
Tuesday, June 22, 2010
49. UX
User Experience
UX jsou pocity (zážitky) uživatele při interakci s aplikací,
službou nebo produktem. Je to abstraktní pojem.
lidé máji rádi krásný obal a ten i prodává
Tuesday, June 22, 2010
50. UX
User Experience
UX jsou pocity (zážitky) uživatele při interakci s aplikací,
službou nebo produktem. Je to abstraktní pojem.
lidé máji rádi krásný obal a ten i prodává
o celkovém prožitku uživatele rozhodují především velmi malé detaily
Tuesday, June 22, 2010
53. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
Tuesday, June 22, 2010
54. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
Tuesday, June 22, 2010
55. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
Tuesday, June 22, 2010
56. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
Tuesday, June 22, 2010
57. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
Tuesday, June 22, 2010
58. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
Tuesday, June 22, 2010
59. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
6. nepřenášet zvyky z jiných medií/OS
Tuesday, June 22, 2010
60. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
6. nepřenášet zvyky z jiných medií/OS
7. nejdřív zábava a pak práce
Tuesday, June 22, 2010
61. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
6. nepřenášet zvyky z jiných medií/OS
7. nejdřív zábava a pak práce
8. “opravdu je to nutné tam mít tenhle button?”
Tuesday, June 22, 2010
62. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
6. nepřenášet zvyky z jiných medií/OS
7. nejdřív zábava a pak práce
8. “opravdu je to nutné tam mít tenhle button?”
9. překvapte uživatele
Tuesday, June 22, 2010
63. Kua, tohle je fakt cool!
10 důležitých rad pro lepší UX iOS app
1. UX > množství funkcí
2. jednoduchost
3. detaily, detaily, detaily
4. texty, labels, typografie
5. nenutit uživatele přemýšlet
6. nepřenášet zvyky z jiných medií/OS
7. nejdřív zábava a pak práce
8. “opravdu je to nutné tam mít tenhle button?”
9. překvapte uživatele
10. nechte si poradit
Tuesday, June 22, 2010
64. Uživateli velmi oblíbená
app nemá tolik funkcí jako
konkureční app ale přesto
se prodává lépe.
Tuesday, June 22, 2010
65. Uživateli velmi oblíbená
app nemá tolik funkcí jako
konkureční app ale přesto
se prodává lépe.
Mezi uživateli je oblibená, protože
je jednoduchá na ovládání, vydává
zvuky a má strašně cool refresh.
Tuesday, June 22, 2010
66. Uživateli velmi oblíbená
app nemá tolik funkcí jako
konkureční app ale přesto
se prodává lépe.
Mezi uživateli je oblibená, protože
je jednoduchá na ovládání, vydává
zvuky a má strašně cool refresh.
Tuesday, June 22, 2010
67. “The age of features is dead;
Welcome to the age of User
Experience.”
— Aral Balkan, @aral
Tuesday, June 22, 2010
68. Otázky?
@robinraszka
www.tapmates.com
Tuesday, June 22, 2010