UCD

UCD, user-centered design je přístup, kterým by se měli řídit vývojáři webových aplikací, ale i všichni výrobci produktů. Hlavní myšlenkou UCD je umístit uživatele do centra pozornosti při tvorbě výrobku nebo aplikace a soustředit se na jeho schopnost se v aplikaci orientovat. UCD hledá odpovědi na otázky o uživateli a o jeho potřebách a správný návrh a řešení.

Typy otázek

  1. Kdo je uživatelem našeho produktu?
  2. Jaké jsou uživatelovy cíle?
  3. Jaké má uživatel zkušenosti s naším nebo podobným produktem?
  4. Jaké funkce bude uživatel vyžadovat?
  5. Jaké informace uživatel hledá a v jaké formě by je měl nalézt?
  6. Jak si uživatel představuje, že produkt pracuje? atd.…

Má náš produkt skutečně nějakou užitnou hodnotu? Pro UCD je také důležitá otázka toho,zda funkce, informace a ostatní části našeho produktu skutečně splňují to, co uživatel očekává.

Je náš produkt skutečně použitelný? Použitelnost se spojuje s tím, zda je produkt navržen v konceptu “ease-of-use“ neboli snadný k použití. Tento koncept není často snadný pro implementaci, nicméně je velice důležitý.

Hlavní pravidla UCD pro webové prezentace

1) Snadná přehlednost – Snadná přehlednost pomůže vytvořit uživateli představu o tom, kde se nachází a co se stane pokud provede nějakou určitou akci. Důležité prvky musí být nepřehlédnutelné. Uživatel by měl být schopen pouze letmým pohledem na stránku zjistit, jaké se mu nabízejí možnosti.

2) Načítání paměti – Stránky by se měly rychle načítat. Zobrazované prvky, které se na stránkách opakují by měly být smysluplné a měly by si zachovat stejný vzhled (např. tlačítko “zpět“ by mělo vypadat pokaždé stejně). Toto snadno vyřeší použití CSS.

3) Odezva – Stejně jako u 3. Newtonova zákona, i zde platí, že každá akce vyvolá reakci. Pokud, tedy uživatel nějakou akci vykoná, měl by okamžitě obdržet informaci o tom, co se událo. Například pokud zmáčkne tlačítko, mělo by se na obrazovce něco změnit, aby si byl uživatel jistý, že systém zmáčknutí registroval.

4) Snadná přístupnost – Uživatelé potřebují informaci nalézt rychle, ne se zdlouhavě proklikávat skrz složitou strukturu stránek. Proto by mu měly být nabídnuty tyto výhody:
a. Snadný způsob, jak se k informaci dostat (různé navigační možnosti, vyhledávání atd.). Nic se ale nesmí přehánět, proto těchto možností usnadnění přístupu nesmí být zbytečně mnoho.
b. Shromáždění informací po menších částech a jejich uspořádání v nějakém logickém schématu nebo hierarchii smysluplné pro uživatele.
c. Získání informací pouhým prolétnutím stránek. Uživatel by měl získat informace už po krátkém nahlédnutí na stránky, aniž by musel něco zdlouhavě číst.

5) Orientace / Navigace – Často se uživatelé cítí na stránkách ztraceni. Možností jak se tomuto pocitu vyhnout je několik:
a. Odkazy na stránkách by měly být výstižné, aby uživatel mohl předvídat, co po kliknutí nalezne.
b. Uživatel by měl být schopen zobrazit strukturu stránek.
c. Uživatel by se neměl ocitnout na “dead-end” stránce, neboli stránce, ze které se nemůže nikam dostat.
d. Každá stránka by měla obsahovat nějaké viditelné prvky, prozrazující kde se uživatel právě nalézá a jak se může dostat na další stránky. Ne vždy se totiž uživatel na naše stránky dostane přes úvodní stránku (např. pokud se na stránky dostane přes vyhledávač).
e. Vyřešit možné problémy s tlačítkem “zpět“ v prohlížeči. Zhruba 60% uživatelů totiž používá toto tlačítko jako klíčové tlačítko navigace, což může v některých případech způsobit problémy.

6) Čitelnost – Text by měl být snadno čitelný:
a. Bezpatkové písmo je snazší pro přečtení, nežli patkové písmo, obzvláště v hlavním textu stránky. [citace?!]
b. Písma s různými ornamenty se špatně čtou.
c. Kurzíva je hůř čitelná než normální text.
d. Text, který je příliš malý, nebo příliš velký se obtížně čte. Ideální velikost pro bezpatkové písmo je 9-11 bodů. Pro patkové pak velikost 11-12 bodů. Nicméně se velikost písma u každého typu liší, proto je potřeba brát tyto hodnoty pouze jako orientační.
e. Blok textu delší než 50 znaků výrazně zpomaluje čtení.
f. Vysoký kontrast mezi textem a pozadím výrazně zvyšuje čitelnost. Nejčitelnější je tmavý text na světlém pozadí.

7) Jazyk – Z hlediska textového obsahu se doporučuje používat:
a. Krátké jednoduché věty.
b. Každodenní slova (slova, se kterými se člověk denně stýká, ne odborné výrazy).
c. Slovesa v činném rodě.

Z důvodu celosvětové přístupnosti webových stránek v různých oblastech kultur je potřeba psát text s rozvahou, aby nikoho neurážel. Je potřeba si dávat pozor na různé metafory, idiomy, ikony nebo humor.

8) Design stránek – Design by se měl uživateli líbit a vyhovovat mu, proto je vhodné při jeho tvorbě:
a. Zarovnat jednotlivé prvky stránky do mřížky.
b. Vytvořit stránky tak, aby byly něčím zajímavé.
c. Používat grafiku k ilustraci.
d. Pomoci s navigací.
e. Používat malé grafické prvky, které se budou snadno načítat.
f. Nejdůležitější prvky stránky udělat nejvýraznější.
g. Používat barvy, které uživatele nebudou rušit.
h. Používat volná místa (mezery), aby si uživatel mohl “odpočinout“ od textu.

Jak navrhnout User-Centered webové stránky

Pro vytvoření stránek je potřeba zapojit uživatele do vývoje už na začátku tvorby programátora. Příručky mohou poskytnout pouze obecné informace o interakci mezi stránkami a uživatelem, ale to není dostačující. Je nutné zjistit, jak je uživatel spokojen přímo s konkrétním webem.

Programátor může zapojit uživatele do vývoje těmito způsoby:
1) Vyslechne si jeho požadavky a zjistí jeho představu o návrhu.
2) Zapojí jej do vývoje designu stránek.
3) Nechá si od uživatele průběžně schvalovat a kritizovat výsledky své práce např. při společném procházení stránek, společném sezení atd.
4) Nechá uživatele procházet stránky a sleduje jeho reakce.

Pro programátora je velice důležité seznámit se s cílovou skupinou, proto by měl znát odpovědi na otázky:
1) Jaké zkušenosti budou uživatelé mít s počítačem, s webem?
2) Jakým jazykem převážní uživatelé mluví a na jaké úrovni?
3) Jaký hardware/software budou uživatelé nejspíše používat?
4) Kolik bude potřeba učení k tomu, aby byli schopni se stránkami pracovat?
5) Jaké znalosti a zkušenosti již uživatelé mají?
6) Co uživatelé od stránek požadují a očekávají?

Důležité je nespokojit se s prvním návrhem a nechat se ovlivnit požadavky přicházejícími od uživatele.
Poslední doporučení se týká usability testování. To je důležité po celou dobu implementace a mělo by probíhat stále dokola. Usability testování je jediný možný způsob, jak dosáhnout spokojenosti uživatele s výsledkem programátorovy práce.

Read other articles:

Часть серии статей о Холокосте Идеология и политика Расовая гигиена · Расовый антисемитизм · Нацистская расовая политика · Нюрнбергские расовые законы Шоа Лагеря смерти Белжец · Дахау · Майданек · Малый Тростенец · Маутхаузен ·&...

 

Polish footballer Tomek Iwan Iwan in 2012Personal informationFull name Tomasz IwanDate of birth (1971-06-12) 12 June 1971 (age 52)Place of birth Słupsk, PolandPosition(s) MidfielderYouth career Jantar Ustka Gryf SłupskSenior career*Years Team Apps (Gls)1991–1992 Olimpia Poznań 17 (1)1992–1993 ŁKS Łódź 10 (0)1993–1994 Warta Poznań 31 (7)1994–1995 Roda JC 30 (4)1995–1997 Feyenoord 45 (3)1997–2001 PSV 73 (5)2001 Trabzonspor 0 (0)2001 RBC Roosendaal 10 (1)2001–2002 Aust...

 

Pour les articles homonymes, voir Jewell. Sally Jewell Portrait officiel de Sally Jewell en 2013. Fonctions 51e secrétaire à l'Intérieur des États-Unis 12 avril 2013 – 20 janvier 2017(3 ans, 9 mois et 8 jours) Président Barack Obama Gouvernement Administration Obama Prédécesseur Ken Salazar Successeur Kevin Haugrud (intérim)Ryan Zinke Biographie Nom de naissance Sarah Margaret Roffey Date de naissance 21 février 1956 (68 ans) Lieu de naissance Londres (Royaume-...

У этого термина существуют и другие значения, см. Кубок (значения). Кубок Ку́бок[1] (др.-греч. κύβος) — сосуд для питья вина, пива, мёда или медовухи. Чаще всего металлический, но нередко делался из кости или стекла, украшался орнаментом и драгоценными камнями. В средневек...

 

Device for raising and lowering boats or ships Not to be confused with Loch. Gate (water transport) redirects here. Not to be confused with Watergate (architecture). Canal lock and lock-keeper's cottage on the Aylesbury Arm of the Grand Union Canal at Marsworth in Hertfordshire, England Lock on the River Neckar at Heidelberg in Germany Three Gorges Dam lock near Yichang on Yangtze river, China A gate in the Hatton flight in England Iroquois Lock on the Saint Lawrence Seaway A lock is a device...

 

Stefan JohanssonStefan Johansson di Indianapolis Motor Speedway tahun 2009.Lahir8 September 1956 (umur 67)Karier Kejuaraan Dunia Formula SatuKebangsaan SwedishTahun aktif1980, 1983 - 1991TimShadow, Spirit, Tyrrell, Toleman, Ferrari, McLaren, Ligier, Onyx, AGS, FootworkJumlah lomba103 (79 start)Juara Dunia0Menang0Podium12Total poin88Posisi pole0Lap tercepat0Lomba pertamaGrand Prix Argentina 1980Lomba terakhirGrand Prix Inggris 1991 Stefan Nils Edwin Johansson (lahir 8 September 1956) meru...

Cities destroyed by God in the Book of Genesis This article is about the biblical cities. For other uses, see Sodom and Gomorrah (disambiguation). Sdom redirects here. For the standard deviation of the mean, see Standard error. Sodom and Gomorrah afire by Jacob de Wet II, 1680 In the Abrahamic religions, Sodom and Gomorrah (/ˈsɒdəm/; /ɡəˈmɒrə/) were two cities destroyed by God for their wickedness.[1] Their story parallels the Genesis flood narrative in its theme of God's ange...

 

Luant La mairie en 2013. Logo Administration Pays France Région Centre-Val de Loire Département Indre Arrondissement Châteauroux Intercommunalité Châteauroux Métropole Maire Mandat Didier Duvergne 2020-2026 Code postal 36350 Code commune 36101 Démographie Gentilé Luantais Populationmunicipale 1 565 hab. (2021 ) Densité 50 hab./km2 Population agglomération 85 674 hab. (2010) Géographie Coordonnées 46° 44′ 02″ nord, 1° 33′ 3...

 

Priscilla DeanPriscilla Dean, 1922Lahir(1896-11-25)25 November 1896New York City, New York, ASMeninggal27 Desember 1987(1987-12-27) (umur 91)Leonia, New Jersey, ASPekerjaanAktrisTahun aktif1912–1932Suami/istriLeslie Arnold (19??-19??)Wheeler Oakman (19??-19??; bercerai) Priscilla Dean (25 November 1896 – 27 Desember 1987) adalah seorang aktris Amerika yang populer dalam film bisu serta teater, dengan karier sepanjang dua dekade. Kematian Dean meninggal di rumahnya...

2010 studio album by Far East Movement Free WiredStudio album by Far East MovementReleasedOctober 12, 2010Recorded2009–2010GenreDance-pophip hopelectronichouseLength36:09Label Cherrytree Interscope ProducerStereotypes, The Cataracs, The Smeezingtons, Roger Sanchez, Fernando Garibay, DJ White Shadow, Cherry Cherry Boom BoomFar East Movement chronology Animal(2009) Free Wired(2010) Dirty Bass(2012) Singles from Free Wired Like a G6Released: April 13, 2010 RocketeerReleased: October 9,...

 

Indian Tamil-language film industry Kollywood redirects here. For other uses, see Kollywood (disambiguation). For other uses, see Tamil cinema (disambiguation). Tamil cinemaNo. of screens1037 (Tamil Nadu and Pondicherry) (2022)[1]Main distributorsAVM ProductionsModern TheatresNational PicturesSuper Good FilmsRaaj Kamal Films InternationalLyca ProductionsStudio GreenMadras Talkies2D EntertainmentSun PicturesAvni CinemaxThenandal Studio LimitedV CreationsWunderbar FilmsRed Giant MoviesA...

 

У этого термина существуют и другие значения, см. Софийская площадь (значения). Софийская площадьукр. Софійська площа  Киев 50°27′13″ с. ш. 30°30′58″ в. д.HGЯO Вид на Софийский собор Общая информация Страна Украина Названа в честьСофийский собор   Медиафа...

Australian telecommunications company Not to be confused with Japanese telecommunications company au (mobile phone company) or Telstar. Telstra Group LimitedTelstra Corporate Centre in MelbourneTrade nameTelstraFormerly List Australian Telecommunications Commission (1979–1989) Australian Telecommunications Corporation (1989–1991) Australian and Overseas Telecommunications Corporation (1991–1993) Telstra Corporation Limited (1993–2023) Company typePublicTraded asASX: TLSS&P/AS...

 

يفتقر محتوى هذه المقالة إلى الاستشهاد بمصادر. فضلاً، ساهم في تطوير هذه المقالة من خلال إضافة مصادر موثوق بها. أي معلومات غير موثقة يمكن التشكيك بها وإزالتها. (نوفمبر 2019) الدوري الفرنسي 1959–60 تفاصيل الموسم الدوري الفرنسي  النسخة 22  البلد فرنسا  التاريخ بداية:15 أغسطس 195...

 

Mexican politician and lawyer In this Spanish name, the first or paternal surname is Torres and the second or maternal family name is Cofiño. Marcelo Torres CofiñoPresident of the National Action PartyIn office25 August 2018 – 14 October 2018Preceded byDamián Zepeda VidalesSucceeded byMarko Antonio Cortés MendozaIn office17 February 2018 – 18 February 2018Preceded byDamián Zepeda VidalesSucceeded byDamián Zepeda Vidales Personal detailsBorn (1966-07-08) 8 J...

Alonza BevanBackground informationBirth nameAlonza George BevanBorn (1970-10-24) 24 October 1970 (age 53)Hounslow, Middlesex, EnglandGenresRockindie rockalternative rockpsychedelicOccupation(s)MusicianInstrumentsBasspianovocalsguitarYears active1988–presentLabelsColumbia, StrangefolkMember ofKula ShakerTumblewildFormerly ofJohnny Marr + the HealersWebsitewww.kulashakermusic.comMusical artist Alonza George Bevan (born 24 October 1970) is an English musician who is the bassist for the E...

 

Cet article est une ébauche concernant les Jeux olympiques et une compétition d’escrime. Vous pouvez partager vos connaissances en l’améliorant (comment ?) selon les recommandations des projets correspondants. Escrime aux Jeux olympiques d'été de 1928 Généralités Sport Escrime Éditions 8e Lieu(x) Amsterdam Participants ? Épreuves 6 Navigation Paris 1924 Los Angeles 1932 modifier Les épreuves d’escrime aux Jeux Olympiques de 1928 se sont déroulées à Amsterdam aux ...

 

Questa voce sugli argomenti allenatori di pallacanestro uruguaiani e cestisti uruguaiani è solo un abbozzo. Contribuisci a migliorarla secondo le convenzioni di Wikipedia. Segui i suggerimenti del progetto di riferimento. Ramiro de LeónNazionalità Uruguay Altezza179 cm Peso82 kg Pallacanestro CarrieraNazionale 1960-1970 Uruguay Carriera da allenatore  Club Biguá Olimpia Welcome Unión Atlética Atenas Aguada Hebraica Macabi Nacional ...

この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方)出典検索?: アフリカ大陸 – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2023年5月) 経度・緯度10度刻みのアフリカ大陸の位置 ア�...

 

Former church in Ireland 53°20′21.66″N 6°15′57.94″W / 53.3393500°N 6.2660944°W / 53.3393500; -6.2660944 Church in Dublin, IrelandSt. Peter's ChurchTeampall PheadairSt. Peter's Church in the 19th century.St. Peter's ChurchLocationAungier Street, DublinCountryIrelandDenominationChurch of IrelandHistoryFormer name(s)St. Peter del HilleDedicationSt. PeterArchitectureArchitectural typeGothicCompleted1685Closed1950Demolished1983AdministrationParishUnited Parish o...