ݺߣ

ݺߣShare a Scribd company logo
1O priporočil
uporabniške zasnove za splet
  David Rozman,david@opti-em.si
1O priporočil uporabniške zasnove za splet
1. Določi strategijo
2. Ne domenvaj
3. Fokus
4. Manj je več
5. Načrtuj za mentalne modele
6. Upoštevaj konvencije
7. Konsistentnost
8. Odpiraj
9. Vse je beta
10.Prizadevaj si za celostno izkušnjo
Kaj je Uporabniška
zasnova (Ucd)?0
1. Upoštevanje mentalnih
modelov
2. Poenostavljanje opravil
3. Jasnosti
4. Očitnost
5. Izkoriščanje omejitev
6. Predvidevanje napak
7. Standardizacija
The Psychology Of Everyday Things
10 priporočil uporabniške zasnove
vmesnik je prilagojen
uprabniku in ne obratno
zakaj?
  
€
the UK market for usability and
accessibility will grow by 20% in 2007
.. research found that increased
competition in the online marketplace is
driving investment in a user-centred design
approach.
VIR: http://www.e-consultancy.com/news-blog/363571/usability-
market-to-grow-20-in-2007--new-report.html
Vrste zasnove (designa)
Approach Overview Users Designer
1. User-Centered
Design
Focuses on user
needs and goals
Guide the design Translates user
needs and goals
2. Chooser-
Centered Design
To connect decision
makers with people
who influences them
Searches for value Meeting business
golas and provide
value to users
3. Activity-
Centered Design
Focuses on the tasks
and activities that
need to be
accomplished
Perform the
activities
Creates tools for
actions
4. Systems Design Focuses on the
components of a
system
Set the goals of the
system
Makes sure all the
parts of the system
are in place
5. Genius Design Relies on the skill
and wisdom of
designers used to
make products
Source of validation Is the source of
inspiration
VIR:DanSaffer.DesigningforInteraction|JessMcMullin,Searchingfotthecenterofdesign
strategija1
Jesse James Garrett
Strategy is where it all begins:
What do we want to get out of the site?
What do our users want?
1. Strategija
 Cilji oz. problem podjetja
 Uporabniške potrebe, želje in zmožnosti
 Uporabniške poti
 Sredstva
10 priporočil uporabniške zasnove
1. Strategija: cilji - primer Air.si
 Cilj: Nove prodajne priložnoti
 Problem: Nova nepoznana tehnologija
 Omejitve: Odločevalci imajo malo časa,
B2B trg - kredibilnost
1. Strategija: uporabniki - Air.si
Kaj sploh je Air?
kakšne so koristi?
ali je podjetje vredno zaupanja?
Kako deluje?
Kakšna je razlika v primerjavi z
WiMaxom?
Kako hitro se povrne začetna
investicija?
Kakšni so donosi?
1. Strategija: poti in sredstva
 Poti do spletnega mesta:
Sejmi, Iskalniki, Forumi
 Poti znotraj spletnega mesta:
Informiranje > izračun > naročilo
 Sredstva:
Video, Informativni izračun, Naročilo
10 priporočil uporabniške zasnove
1. Strategija - primer novitwingo
 Cilj: zavedanje in dialog
 Uporabniki: širša javnost in ‘ustvarjalci’
 Poti: Iskalniki, Minisite, Viral, Blog in
blogosfera, Banerji, Natečaj
 Sredstva: Blog MKTG, Viral, Oglaševanje,
Glasbeni natečaj
10 priporočil uporabniške zasnove
Prispevki
148
Komentarji
1.439
število besed v vseh člankih
15.562
število besed v vseh komentarjih
36.764
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
1. Strategija
 Cilji oz. problem podjetja
 Uporabniške potrebe, želje in zmožnosti
 Uporabniške poti
 Sredstva
ne domnevaj2
Kako vključiti
uporabnika?
10 priporočil uporabniške zasnove
1. Raziskave
10 priporočil uporabniške zasnove
2. Pogovor z
zaposlenimi
3. Analize
1 Vstopna stran Home page 75.8%
/files/4620/teasers.xml 62.4%
2 Mobilni telefoni /personal.aspx?nodeid=4271 25.4%
3 Cenik telefonov za zasebne uporabnike /personal.aspx?nodeid=4279 24.0%
4 Telefoni za zasebne in poslovne uporabnike /personal.aspx?nodeid=4272 21.5%
5 Vodafone live /personal.aspx?nodeid=4289 18.5%
/personal.asp?nodeid=4279 15.5%
6 Zasebni uporabniki /personal.aspx?nodeid=4204 14.7%
7 Informacije /personal.aspx?nodeid=4292&id=1 10.3%
/personal.asp?nodeid=4292&id=1 10.2%
8 Nokia
Mobilni telefoni/Cenik telefonov za zasebne uporabnike/Nokia
/personal.aspx?nodeid=4274 9.2%
9 Rezultati iskanja POST /search.aspx 9.1%
10 Naročniki /personal.aspx?nodeid=4205 6.0%
11 Sony Ericsson
Mobilni telefoni/Cenik telefonov za zasebne uporabnike/Nokia
/personal.aspx?nodeid=4278 5.9%
/personal.aspx?nodeid=5608 4.4%
12 Telefoni za predplačnike /personal.aspx?nodeid=4281 4.4%
13 Orto Smart
Zasebni uporabniki/Naročniki/Naročniški paketi
/personal.aspx?nodeid=4209 4.3%
14 Naročniški paketi
Zasebni uporabniki/Naročniki
/personal.aspx?nodeid=5410 3.8%
15 Cenik telefonov za poslovne uporabnike /personal.aspx?nodeid=4280 3.6%
Statisike obiskov
Razmerja med segmenti
naročniki predplačniki poslovni uporabniki
Zasnova navigacije
Poti uporabe
Poti uporabe
10 priporočil uporabniške zasnove
calls abroad for residential subscribers packages
personal business network
technical specifications
for residential handsets
satellite navigation system
network coverage
pay parking
with mobile phone
handsets settings
BlackBerry handsets
SMS-missed call
special offers
(bonus, discount...)
subscribers offer
for pre-paid users
tariffs for residential
post-paid packages
calls abroad for
business packages
compare tariffs
of different operators
change operator, keep phone number
pre-paid voucher
tariffs for
pre-paid packages
prices of residential
subscribers handsets
special shops
(test novelties, ...)
openings of
new shops
prices of business
handsets
display current location
sales points
(address, tel. number)
technical specifications
for pre-paid handsets
special notifications for users
phone book
web magazine
Mobile Connect Card
prices of pre-paid
handsets
technical specifications
for business handsets
contact information
from operator
tariffs for
business packages
award winning games
calls abroad for
pre-paid packages
voicemail centre
Card sortting
10 priporočil uporabniške zasnove
4. Persone
The User Is Always Right: A Practical Guide to Creating and Using
Personas for the Web
by Steve Mulder , Ziv Yaar
“Personas bring user
research to life and make
it actionable, ensuring
we're making the right
decisions based on the
right information.”
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
Ana Dijak
 1 letnik gimnazije
 prejema žepnino
 Doma iz maribora
 Halo uporabnik
 pogosta uporaba: internet, msg, myspace
 Sledi trendom, primerja s prijatelji, bere Bravo in Smrkljo
MOTIVI SCENARIJ FUNKCIONALNOSTI IN
VSEBINE
Nakup telefona:
 Išče telefon, ki ima mp3 in je
stilsko ”in”, takega kot ga je
videla v najnovejšem oglasu in o
katerem govorijo prijatelji
 Med ponudbo telefonov pošišče
želenega
 In posreduje povezavo do strani z
izbranim telefonom svojim
staršem
 Nato lobira starše, ki preverijo
ceno na predplačnikih in
primerjajo z naročniško varianto
(glej persono Ivana Klepetulja)
 vrtljive tabele s filtri (sortiraj
po: blagovni znamki, ceni,
funkcijah | prikaži le: ... )
 čarovnik za izbor produkta
 izpostavitve na strani s
produktnim opisom (cena s
paketom in v redni prodaji)
 Pošlji prijatelju
Nakup vsebin:
 išče novo melodijo in ozadje za
svoj telefon
 Na Vodafone live! poišče in sama
kupi melodijo
 Obstoječe na VFL
DaimlerChrysler marketing executives, Organic employees, and even employees of other agencies
meet in the persona rooms to plan strategy and tactics for wooing the real customers that the
personas represent. This helps short-circuit debates about what the buyer likes because everyone
on the extended team experiences the things she likes, from her taste in entertainment to her
fashion sense.
5. Rešuj lasten
problem
Jason form 37 signals:
We don’t use perosnas. We use ourselves
fokus3
Poskusite na prikazanih
primerih poiskati:
 novice
 sporočila za javnost
 predstavitev podjetja
Poskusite na prikazanih
primerih poiskati:
 ‘vročo ponudbo’
 dostop do produktov
 dostop do spletne banke
Jasna ločitev med:
Produkti in korporativno
predstavitvijo
Apply Now
manj je več4
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
Evolucija v smeri redukcije
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
zakaj
Več funkcij = več napak = več frustracij
Informacijska preobremenjenost
Kako reducirati
Robert Hoekman:
 Drop nice to have
features
 Stick to essentials
John Meadea:
 Organize
 Reduce
 Shrink
 Hide
 Embody
10 priporočil uporabniške zasnove
Načrtuj za
mentalne
modele
5
Ne beremo
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
Metafore
Ne sili k
razmišljanju
Evolucija namesto
inovacij
upoštevaj
konvencije6
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
Kopiraj in kradi
brez slabe vesti
dobre prakse
konsistentnost7
Prvi vtis
Prostorski spomin
odpiraj8
home
sub sub sub sub
10 priporočil uporabniške zasnove
vse je beta9
nikoli končano
itteracije
1
2
3
4
5
1
2
3
4
5
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
10 priporočil uporabniške zasnove
celostna
izkušnja10
Uporabniška
izkušnja
Najdljivo
Dostopno
Privlačno
Kredibilno
Koristno
Uporabno
1O priporočil uporabniške zasnove za splet
1. Določi strategijo
2. Ne domenvaj
3. Fokus
4. Manj je več
5. Načrtuj za mentalne modele
6. Upoštevaj konvencije
7. Konsistentnost
8. Odpiraj
9. Vse je beta
10.Prizadevaj si za celostno izkušnjo

david@opti-em.si
Hvala
ձšᲹ?

More Related Content

10 priporočil uporabniške zasnove

  • 1. 1O priporočil uporabniške zasnove za splet   David Rozman,david@opti-em.si
  • 2. 1O priporočil uporabniške zasnove za splet 1. Določi strategijo 2. Ne domenvaj 3. Fokus 4. Manj je več 5. Načrtuj za mentalne modele 6. Upoštevaj konvencije 7. Konsistentnost 8. Odpiraj 9. Vse je beta 10.Prizadevaj si za celostno izkušnjo
  • 4. 1. Upoštevanje mentalnih modelov 2. Poenostavljanje opravil 3. Jasnosti 4. Očitnost 5. Izkoriščanje omejitev 6. Predvidevanje napak 7. Standardizacija The Psychology Of Everyday Things
  • 9. the UK market for usability and accessibility will grow by 20% in 2007 .. research found that increased competition in the online marketplace is driving investment in a user-centred design approach. VIR: http://www.e-consultancy.com/news-blog/363571/usability- market-to-grow-20-in-2007--new-report.html
  • 10. Vrste zasnove (designa) Approach Overview Users Designer 1. User-Centered Design Focuses on user needs and goals Guide the design Translates user needs and goals 2. Chooser- Centered Design To connect decision makers with people who influences them Searches for value Meeting business golas and provide value to users 3. Activity- Centered Design Focuses on the tasks and activities that need to be accomplished Perform the activities Creates tools for actions 4. Systems Design Focuses on the components of a system Set the goals of the system Makes sure all the parts of the system are in place 5. Genius Design Relies on the skill and wisdom of designers used to make products Source of validation Is the source of inspiration VIR:DanSaffer.DesigningforInteraction|JessMcMullin,Searchingfotthecenterofdesign
  • 12. Jesse James Garrett Strategy is where it all begins: What do we want to get out of the site? What do our users want?
  • 13. 1. Strategija  Cilji oz. problem podjetja  Uporabniške potrebe, želje in zmožnosti  Uporabniške poti  Sredstva
  • 15. 1. Strategija: cilji - primer Air.si  Cilj: Nove prodajne priložnoti  Problem: Nova nepoznana tehnologija  Omejitve: Odločevalci imajo malo časa, B2B trg - kredibilnost
  • 16. 1. Strategija: uporabniki - Air.si Kaj sploh je Air? kakšne so koristi? ali je podjetje vredno zaupanja? Kako deluje? Kakšna je razlika v primerjavi z WiMaxom? Kako hitro se povrne začetna investicija? Kakšni so donosi?
  • 17. 1. Strategija: poti in sredstva  Poti do spletnega mesta: Sejmi, Iskalniki, Forumi  Poti znotraj spletnega mesta: Informiranje > izračun > naročilo  Sredstva: Video, Informativni izračun, Naročilo
  • 19. 1. Strategija - primer novitwingo  Cilj: zavedanje in dialog  Uporabniki: širša javnost in ‘ustvarjalci’  Poti: Iskalniki, Minisite, Viral, Blog in blogosfera, Banerji, Natečaj  Sredstva: Blog MKTG, Viral, Oglaševanje, Glasbeni natečaj
  • 21. Prispevki 148 Komentarji 1.439 število besed v vseh člankih 15.562 število besed v vseh komentarjih 36.764
  • 24. 1. Strategija  Cilji oz. problem podjetja  Uporabniške potrebe, želje in zmožnosti  Uporabniške poti  Sredstva
  • 32. 1 Vstopna stran Home page 75.8% /files/4620/teasers.xml 62.4% 2 Mobilni telefoni /personal.aspx?nodeid=4271 25.4% 3 Cenik telefonov za zasebne uporabnike /personal.aspx?nodeid=4279 24.0% 4 Telefoni za zasebne in poslovne uporabnike /personal.aspx?nodeid=4272 21.5% 5 Vodafone live /personal.aspx?nodeid=4289 18.5% /personal.asp?nodeid=4279 15.5% 6 Zasebni uporabniki /personal.aspx?nodeid=4204 14.7% 7 Informacije /personal.aspx?nodeid=4292&id=1 10.3% /personal.asp?nodeid=4292&id=1 10.2% 8 Nokia Mobilni telefoni/Cenik telefonov za zasebne uporabnike/Nokia /personal.aspx?nodeid=4274 9.2% 9 Rezultati iskanja POST /search.aspx 9.1% 10 Naročniki /personal.aspx?nodeid=4205 6.0% 11 Sony Ericsson Mobilni telefoni/Cenik telefonov za zasebne uporabnike/Nokia /personal.aspx?nodeid=4278 5.9% /personal.aspx?nodeid=5608 4.4% 12 Telefoni za predplačnike /personal.aspx?nodeid=4281 4.4% 13 Orto Smart Zasebni uporabniki/Naročniki/Naročniški paketi /personal.aspx?nodeid=4209 4.3% 14 Naročniški paketi Zasebni uporabniki/Naročniki /personal.aspx?nodeid=5410 3.8% 15 Cenik telefonov za poslovne uporabnike /personal.aspx?nodeid=4280 3.6% Statisike obiskov
  • 33. Razmerja med segmenti naročniki predplačniki poslovni uporabniki
  • 37. calls abroad for residential subscribers packages personal business network technical specifications for residential handsets satellite navigation system network coverage pay parking with mobile phone handsets settings BlackBerry handsets SMS-missed call special offers (bonus, discount...) subscribers offer for pre-paid users tariffs for residential post-paid packages calls abroad for business packages compare tariffs of different operators change operator, keep phone number pre-paid voucher tariffs for pre-paid packages prices of residential subscribers handsets special shops (test novelties, ...) openings of new shops prices of business handsets display current location sales points (address, tel. number) technical specifications for pre-paid handsets special notifications for users phone book web magazine Mobile Connect Card prices of pre-paid handsets technical specifications for business handsets contact information from operator tariffs for business packages award winning games calls abroad for pre-paid packages voicemail centre Card sortting
  • 40. The User Is Always Right: A Practical Guide to Creating and Using Personas for the Web by Steve Mulder , Ziv Yaar “Personas bring user research to life and make it actionable, ensuring we're making the right decisions based on the right information.”
  • 43. Ana Dijak  1 letnik gimnazije  prejema žepnino  Doma iz maribora  Halo uporabnik  pogosta uporaba: internet, msg, myspace  Sledi trendom, primerja s prijatelji, bere Bravo in Smrkljo MOTIVI SCENARIJ FUNKCIONALNOSTI IN VSEBINE Nakup telefona:  Išče telefon, ki ima mp3 in je stilsko ”in”, takega kot ga je videla v najnovejšem oglasu in o katerem govorijo prijatelji  Med ponudbo telefonov pošišče želenega  In posreduje povezavo do strani z izbranim telefonom svojim staršem  Nato lobira starše, ki preverijo ceno na predplačnikih in primerjajo z naročniško varianto (glej persono Ivana Klepetulja)  vrtljive tabele s filtri (sortiraj po: blagovni znamki, ceni, funkcijah | prikaži le: ... )  čarovnik za izbor produkta  izpostavitve na strani s produktnim opisom (cena s paketom in v redni prodaji)  Pošlji prijatelju Nakup vsebin:  išče novo melodijo in ozadje za svoj telefon  Na Vodafone live! poišče in sama kupi melodijo  Obstoječe na VFL
  • 44. DaimlerChrysler marketing executives, Organic employees, and even employees of other agencies meet in the persona rooms to plan strategy and tactics for wooing the real customers that the personas represent. This helps short-circuit debates about what the buyer likes because everyone on the extended team experiences the things she likes, from her taste in entertainment to her fashion sense.
  • 46. Jason form 37 signals: We don’t use perosnas. We use ourselves
  • 48. Poskusite na prikazanih primerih poiskati:  novice  sporočila za javnost  predstavitev podjetja
  • 49. Poskusite na prikazanih primerih poiskati:  ‘vročo ponudbo’  dostop do produktov  dostop do spletne banke
  • 50. Jasna ločitev med: Produkti in korporativno predstavitvijo
  • 55. Evolucija v smeri redukcije
  • 58. zakaj
  • 59. Več funkcij = več napak = več frustracij Informacijska preobremenjenost
  • 60. Kako reducirati Robert Hoekman:  Drop nice to have features  Stick to essentials John Meadea:  Organize  Reduce  Shrink  Hide  Embody
  • 73. Kopiraj in kradi brez slabe vesti dobre prakse
  • 90. 1O priporočil uporabniške zasnove za splet 1. Določi strategijo 2. Ne domenvaj 3. Fokus 4. Manj je več 5. Načrtuj za mentalne modele 6. Upoštevaj konvencije 7. Konsistentnost 8. Odpiraj 9. Vse je beta 10.Prizadevaj si za celostno izkušnjo
  • 92. Hvala