UX Design na WebExpo Startup Camp

7,296 views

Published on

Týmy na Webexpo Startup Campu vytořily design svých webů za jeden den - od nápadu po otestovaný wireframe. Slajdy jsou z úvodní přednášky.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,296
On SlideShare
0
From Embeds
0
Number of Embeds
5,856
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Vzajemne seznameni Camp je podle kurzu VSE Vystrachal jsem foto ze studia
  • Pamatujete? Zasadni moment studia – potkalo mne toto a uz mi to zustalo Pocitacova ucebna Jizni Mesto A uz mi to zustalo View source -> weby – skolni, kamaradky (Arabove:)
  • Dalsi firmy – weby Kerio – dev, projektak, UX designer Web apps
  • Sw pro firmy – mail, spoluprace, telefon “ Lepsi nez Gmail ”
  • Silicon Valey! Kousek od baraku v San Jose Vsichni tam jedte :) preju a drzim palce Je tam vsechno – Izrael, Berlin, Praha, Londyn slaby odvar
  • To co denne vidime na pocitacich tady ma baraky :)
  • Popiste vas produkt Hraju moji mamu :)
  • Proc? Apple je diky tomu nejhodnotnejsi firma sveta Tj nejen budou diky nam lidi spokojenejsi, ale jeste vydelame UX je hlavni diferenciator od konkurence
  • Proc? Apple je diky tomu nejhodnotnejsi firma sveta Tj nejen budou diky nam lidi spokojenejsi, ale jeste vydelame UX je hlavni diferenciator od konkurence
  • Lidi se chovají složitě Jinak by Applů byly stovky
  • Ideál pro uživatele – vše zadarmo – ale to zkrachujeme Twitter dlouho – mít co nejvíc uživatelů Příp jiný cíl – neziskovka vyvolat povědomí
  • Příležitosti a omezení
  • CSS Kulaty rohy – prirozenejsi pro objekt Stiny – lepsi na oci
  • CHICHABAJT
  • 2 hours every 6 weeks Persona je pro zbytek týmu, pokud nemají kontakt
  • Abychom vybrali ty nejlepší
  • Detaily by odváděly pozornost od konceptu Vzhled schválně, lidé spíš dají feedback – je to nehotové BUDE ODPOLEDNE
  • Popiste vas produkt Hraju moji mamu :)
  • Probereme odpoledne
  • Probereme odpoledne
  • Probereme odpoledne
  • Probereme odpoledne
  • Probereme odpoledne
  • Probereme odpoledne
  • Probereme odpoledne
  • No, přeháním, ale stává se to hodně často
  • Pár úkolů z běžného dne
  • UX Design na WebExpo Startup Camp

    1. 1. User Experience Design @PetrDousa
    2. 2. Silvi Petr Pája
    3. 3. FLLSSCR netscape a stary techno
    4. 4. A teď vy 
    5. 5. USER EXPERIENCE DESIGN
    6. 6. Co je prohlížeč? video
    7. 7. 8%
    8. 8. Pokud něcopředpokládáme o našich uživatelích… není to pravda
    9. 9. Cíl UX designu Navrhovat produkty,které lidé rádi používají
    10. 10. Vstupy UX designu1. Potřeby uživatelů
    11. 11. Vstupy UX designu 2. Cíle firmy
    12. 12. Vstupy UX designu 3. Technologie
    13. 13. NÁSTROJEUX DESIGNU
    14. 14. Uživatelský výzkumNávštěva u zákazníků“Jak používáte e-mail”?Zjistit, co ještě nevíme
    15. 15. PersonyReport z výzkumuNevymýšlet! :)Přímý kontakt je lepší
    16. 16. PersonyReport z výzkumuNevymýšlet! :)
    17. 17. Papír a tužkaZákladní nástroj!Rychlá likvidace nápadů7 iterací – tým, uživatelé
    18. 18. WireframeStále rychlé, bez detailůUmí copy-paste :)Balsamiq
    19. 19. Mock-UpDetailní “screenshot”Tuning stávajícího produktuFirebug, Photoshop
    20. 20. PrototypKlikacíZadání pro kodéryAxure RP
    21. 21. Demo
    22. 22. TextyKrátké, lidskéAnglický + 140% (překlady)Notepad / Textedit
    23. 23. GrafikaNajděte si grafika :)Kuler.adobe.comMéně je více (fonty, barvy)
    24. 24. A teď to nejdůležitější…
    25. 25. Uživatelské testováníNajít chyby, které nevidíme3 uživateléNikdy není příliš brzo!
    26. 26. 300M $
    27. 27. Nástroje UX designuUživatelský výzkumPersonyTužka a papírWireframeMockupPrototypTextyGrafikaUživatelské testování
    28. 28. Jak to všechno stihnout?
    29. 29. Nelze :)
    30. 30. Agile UXUživatelský výzkumPersonyTužka a papírWireframeMockupPrototypTextyGrafikaUživatelské testování
    31. 31. 1. Co-design workshopUživatelský výzkum +sketchingDopoledne
    32. 32. 2. Wireframe nebo prototypPo obědě
    33. 33. 3. Partyzánský test použitelnostiOdpoledne
    34. 34. http://developer.yahoo.com/ypatterns/V květnu v Berlíně
    35. 35. Dotazy?@PetrDousauserexeperience.cz
    36. 36. WIREFRAME
    37. 37. www.mybalsamiq.com
    38. 38. UŽIVATELSKÉ TESTOVÁNÍ
    39. 39. Pokud něcopředpokládáme o našich uživatelích… není to pravda
    40. 40. 300M $
    41. 41. CílNajít chyby použitelnosti
    42. 42. CílNajít chyby použitelnosti (nikoli řešení)
    43. 43. Co testovatSketch, wireframe, mockupPrototypProdukt – náš i konkurenční
    44. 44. Kdo testuje3 lidi - nesmí znát produktPostupně zpřesňovat na cílovou skupinuModerátor a celý tým
    45. 45. Jak testovatCo myslíte, že to je?Co udělá tohle tlačítko?Jak byste udělal … ?
    46. 46. Jak testovatMyslete nahlasNemůžete udělat chybuOtázky odpovím až po testu
    47. 47. Vyhodnocení testuChyby na papírkySeřadit dle závažnostiVybrat 3-5 k řešení (a brzo testovat znova)
    48. 48. Řešení chybMinimální zásahy (nevnést další chyby)Jak lze toto zjednodušit?
    49. 49. Zlaté pravidloJestli je to divný, dej to pryč

    ×