ux ma...
TRANSCRIPT
![Page 1: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/1.jpg)
UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile.
K r a k ó w , 2 4 . 0 5 . 2 0 1 3
![Page 2: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/2.jpg)
Agenda
1. Co to jest UX?
2. Benchmark vs Badania
3. Guidelines vs my way
4. Silosy vs Team
5. Beta vs alfa
6. Co zapamiętać?
![Page 3: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/3.jpg)
1. Co to jest UX?
Men in hats look up at the night sky, ca. 1945 © Bettmann
![Page 4: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/4.jpg)
http://lawrenceripsher.com/post/49637077383/as-part-of-a-talk-yesterday-i-used-one-of-my
![Page 5: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/mbgmbg/6073443866/
![Page 6: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/6.jpg)
http://www.freeimages.co.uk/galleries/nature/environment/slides/roofducting.htm
![Page 7: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/7.jpg)
Usability
![Page 8: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/8.jpg)
User experience
![Page 9: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/9.jpg)
Jaki jest cel? Co jest ważne? Co mogę zrobić?
![Page 10: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/10.jpg)
Jaki jest cel? Co jest ważne? Co mogę zrobić?
![Page 11: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/11.jpg)
Jaki jest cel? Co jest ważne? Co mogę zrobić?
![Page 12: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/12.jpg)
“Design is not just about making things more useful, it’s not just about making things
more beautiful, it’s about really figuring out what is the
right thing to make and how to make it right”
Matias Duarte, Director of User Experience, Android
http://www.youtube.com/watch?feature=player_embedded&v=VDNngQjN6o4#!
![Page 13: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/13.jpg)
Poszukując odpowiedzi na pytanie, co i jak zaprojektować…
![Page 14: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/14.jpg)
http://www.flickr.com/photos/maurizio_costanzo/5906286785
Użytkownicy Cele biznesowe Biznes
![Page 15: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/15.jpg)
Styl życia
Użytkownicy
Konkretne potrzeby
Akcje (scenariusze użycia)
Marka
Pozycjonowanie
Kontekst użycia marki
Biznes
Funkcjonalności Proponowana
wartość
Koncept na aplikację mobilną
![Page 16: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/16.jpg)
http://jane-ta.tumblr.com/post/51051973787
Big Idea
![Page 17: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/17.jpg)
Aplikacja powinna jednoznacznie komunikować wartość proponowaną klientowi
![Page 18: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/18.jpg)
Scream plakat
![Page 19: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/19.jpg)
Airbnb iOS app
Airbnb
Find a place to stay
![Page 20: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/20.jpg)
Flipboard Android app
Create Your Own Magazines
![Page 21: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/21.jpg)
Instagram Android app
Fast beautiful Photo sharing
![Page 22: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/22.jpg)
http://25.media.tumblr.com/b99499d5e18974aa12ced854870df905/tumblr_mmw61eemMn1qb8vpuo1_1280.png
2. Benchmark vs badania
![Page 23: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/23.jpg)
Cel: wzbudzić zainteresowanie
![Page 24: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/24.jpg)
Jak w praktyce wygląda poszukiwanie pomysłu na aplikację?
![Page 25: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/25.jpg)
http://www.freeimages.co.uk/galleries/nature/environment/slides/roofducting.htm
Biznes, co aplikację mobilną mieć chce
![Page 26: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/26.jpg)
http://lawrenceripsher.com/post/49637077383/as-part-of-a-talk-yesterday-i-used-one-of-my
![Page 27: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/27.jpg)
Benchmark
![Page 28: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/28.jpg)
Badania
![Page 29: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/29.jpg)
Doprowadź strukturę i flow
do niezbędnego minimum
![Page 30: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/30.jpg)
http://lawrenceripsher.com/post/49637077383/as-part-of-a-talk-yesterday-i-used-one-of-my
Struktura i flow
![Page 31: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/31.jpg)
http://lawrenceripsher.com/post/49637077383/as-part-of-a-talk-yesterday-i-used-one-of-my
Wewnętrzny test interakcji
![Page 32: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/32.jpg)
http://thescienceofdesign.blogspot.com/2012/05/nina-leen.html
3. Guidelines vs my way
![Page 33: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/33.jpg)
Guidelines
![Page 34: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/34.jpg)
Android – action bar
1. Ikona aplikacji
2. Menu rozwijane (niekonieczny
element)
3. Action buttons
4. Dodatkowe buttony
![Page 35: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/35.jpg)
Navigation drawer
![Page 36: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/36.jpg)
Nawigacja w aplikacji
NET-A-PORTER - iOS NET-A-PORTER Android
![Page 37: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/37.jpg)
Wstecz
NET-A-PORTER - iOS NET-A-PORTER Android
Up podstawę stanowi hierarchia w aplikacji
Wstecz
Działanie w ramach urządzenia, a nie tylko aplikacji
![Page 38: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/38.jpg)
Listy
NET-A-PORTER - iOS NET-A-PORTER Android
![Page 39: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/39.jpg)
Windows phone
![Page 40: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/40.jpg)
SKEUMORFIZM VS FLAT DESIGN
![Page 41: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/41.jpg)
Skeumorfizm: “Odtworzenie właściwości,
kształtu, tekstury, barwy lub funkcji przedmiotu
oryginalnego w materiale zastępczym”
George Basalla: The Evolution of Technology
![Page 42: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/42.jpg)
iBooks Apple
![Page 43: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/43.jpg)
GENEZA
• Wejście iPhone na rynek - 2007
rok
• Premiera iOS (systemu
operacyjnego na iPhone) -
zupełnie nowe spojrzenie na
interfejs i nawigację.
• Wprowadzenie standardów dla
twórców aplikacji na urządzenia
Apple (Design guidelines)
![Page 44: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/44.jpg)
Dlaczego Skeumorfizm?
Celowe odniesienie do wyglądu i
działania realnych przedmiotów w
natywnych aplikacjach Apple.
Pomoc w zniwelowaniu barier
poznawania nowego interfejsu
(rewolucja na tle powszechnych
wówczas featurefonów Nokii i
innych tradycyjnych komórek z
klawiaturą
![Page 45: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/45.jpg)
Zalety Wady
• Redukuje barierę w poznawaniu
nowego interfejsu przez
skojarzenia z naturalnymi
obiekatmi i mechanizmami
• Pozwala na dużą ekspresję
wizualną i bogatą oprawę
aplikacji
• Są nisze w których jest
najlepszą i oczekiwaną estetyką,
głównie kiedy odbiorcą jest
młoda widownia.
• Po 6 latach nie jest postrzegany jako
innowacyjny, mimo wszystko nadal
jest rozpoznawalny i lubiany. Nie
wyznacza trendów.
• Na tle nowoczesnych
minimalistycznych aplikacji może
wydawać się niedojrzały.
• Bogaty w skomplikowane grafiki nie
dba o ergonomię pobieranych
danych.
• Konkurencja (Google i Microsoft)
promują inną estetyką i zdobywa tym
samym klientów
![Page 46: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/46.jpg)
Flatdesign - Google i Microsoft w natarciu
![Page 47: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/47.jpg)
Google Maps na ios
![Page 48: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/48.jpg)
![Page 49: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/49.jpg)
![Page 50: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/50.jpg)
• Sukces Apple świadczy, że użytkownicy chcą płacić za dobry design
(urządzeń i aplikacji)
• Flat Design zrywa z przestarzałą estetyką pozwalająć na innowacyjne
minimalistyczne podejście.
• Dzięki czemu stosujemy szybko ładujące się pliki graficzne
• Stawia na stonowane kolory (nasz wzrok mniej się męczy przy świecących
ekranach)
• Pozwala nam na obsługę intuicyjnymi gestami
• Lepsza czytelność treści
Zalety Flat Design i jego ergonomia
![Page 51: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/51.jpg)
Skeumorfizm vs Flat
![Page 52: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/52.jpg)
Skeumorfizm vs Flat
![Page 53: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/53.jpg)
Różne platformy, różne podejścia
![Page 54: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/54.jpg)
![Page 55: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/55.jpg)
![Page 56: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/56.jpg)
![Page 57: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/57.jpg)
![Page 58: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/58.jpg)
Przykład
Brak wsparcia dla tabów po lewej na oknie dialogowym Androida
![Page 59: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/59.jpg)
![Page 60: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/60.jpg)
http://www.youtube.com/watch?v=S00H-rz7fGo
Clear
![Page 61: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/61.jpg)
Różne podejścia do procesu produkcyjnego
![Page 62: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/62.jpg)
Linia produkcyjna vs teamwork
![Page 63: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/63.jpg)
![Page 64: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/64.jpg)
![Page 65: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/65.jpg)
![Page 66: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/66.jpg)
Kiedy publikujemy?
• Proces produkcyjny jest
długotrwały
• Kiedy aplikacja jest już
wystarczająco dobra?
• Wiele poprawek kosztuje czas
• Dynamika zmian na poszczególnych
platformach
![Page 67: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/67.jpg)
Przykład 1 – ios 5 vs ios 6
Zmiana logowania do portali społecznościowych FB i Twitter w aplikacji Stefczyk.INFO
![Page 68: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/68.jpg)
![Page 69: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/69.jpg)
Przykład 2 – feedback od użytkowników
Kształtowanie aplikacji przez użytkowników
![Page 70: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/70.jpg)
![Page 71: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/71.jpg)
„If you can dream it, you can do it” Walt Disney
![Page 72: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/72.jpg)
Comprende?
![Page 73: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/73.jpg)
![Page 74: UX ma znaczenie.itfest.pl/wp-content/uploads/2012/07/LS_ITFEST_UXmaZNACZENIE_KarolinaKobiela...Zalety Wady • Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z](https://reader033.vdocuments.site/reader033/viewer/2022042319/5f0913d37e708231d4251f93/html5/thumbnails/74.jpg)
Lemon Sky Spółka z ograniczoną odpowiedzialnościa ̨ S.K.A. ul. Fabryczna 19 53-609 Wrocław NIP: 5862236051
Dziękujemy.
ul. Elżbiety Drużbackiej 6 01-622 Warszawa