Internetowe pierwsze wrażenie. Wprowadzenie do #usability - seminarium Bartłomieja Raka z...

22
Internetowe pierwsze wrażenie. Wprowadzenie do #usability. Bartłomiej Rak #ngo /Szkoła Tarnów, 26.06.2013

description

Internetowe pierwsze wrażenie. Wprowadzenie do #usability - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA Internetowe pierwsze wrażenie. Wprowadzenie do ##usability - seminarium Bartłomieja Raka z Socjomanii podczas seminarium na #NGO /SZKOŁA w Tarnowie Więcej na: www.facebook.com/hashNGO www.pracowniaobywatelska.pl Projekt współfinansowany ze środków Ministerstwa Pracy i Polityki Społecznej w ramach Programu Operacyjnego Fundusz Inicjatyw Obywatelskich

Transcript of Internetowe pierwsze wrażenie. Wprowadzenie do #usability - seminarium Bartłomieja Raka z...

Page 1: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Internetowe pierwsze wrażenie.Wprowadzenie do #usability.

Bartłomiej Rak

#ngo /SzkołaTarnów, 26.06.2013

Page 2: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Czym jest “usability”?• intuicyjna nawigacja• ułatwienie “skanowania”• zrozumiała komunikacja

Page 3: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Najważniejsze wytyczne

+ trzymaj się standardów

Page 4: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Standardy / konwencje

Page 5: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Wyszukiwarka?

Page 6: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Artykuł?

Page 7: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Ale zacznijmy od początku

Page 8: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Architektura informacji

Page 9: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Struktura serwisu

Page 10: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Struktura serwisu

Page 11: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Persona X wchodzi na stronę

Page 12: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Menu

Page 13: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Menu

Page 14: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Punkty startowe

Page 15: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Punkty startowe

Page 16: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Jesteś tutaj

Page 17: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Okruszki

Page 18: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Strony tekstowe

Page 19: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Stopka

Page 20: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Test KrugaWydrukuj daną stronę internetową i tak szybko, jak to możliwe, spróbuj zaznaczyć poniższe:• logo witryny• nazwa strony• kategorie i podkategorie• nawigacja• “tutaj jesteś”• wyszukiwarkę

Następnie odpowiedz na poniższe pytania:• co to za witryna?• jaką ma nazwę?• jakie są główne kategorie?• jakie mam opcje do wyboru?• itd.

Page 21: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Prototypowanie

Page 22: Internetowe pierwsze wrażenie. Wprowadzenie do #usability  - seminarium Bartłomieja Raka z Socjomanii na #NGO /SZKOŁA

Dziękuję za uwagę[email protected]

fb.com/bartlomiejrak