Prezentace z 10 minutové přednášky na setkání Designéři informačních služeb na KISKu. 3 jednoduché tipy jak zlepšit UX odkazů na vašem webu.

1. Zdeněk Nešpor @Chaoticum
LINKBUILDING & UX
Design odkazů a odkazových sítí

2. UX není jen frontend. A mít responzivní web neznamená mít vyřešené UX.
Ale hodně lidí si to kupodivu myslí.
Zdroj obrázku: https://commons.wikimedia.org/wiki/File:Responsive-web-design-device

3. UX se týká spousty věcí. Má přesah z online do offline.
I návštěva a hledání kamenné výdejny eshopu je stále součást UX.
V této prezentaci se však budeme bavit o odkazech.

4. Anchor texty

5. <a href="http://www.neco.cz">anchor text<a>

6. zde
tady
odkaz
tento
tohle
tototenhle
tuto
tuhle
web
website
Nevhodný text odkazu, může přinést špatnou uživatelskou zkušenost.

7. Nepoužívejte nic neříkají anchor texty.

8. Byl jsem zde.
Informace s nulovou hodnotou. Uživatel neví na co kliká.

9. Byl jsem zde:
https://www.facebook.com/
events/916810581736089/
Uživatel ví, že se proklikne na Facebook, ale neví co tam má očekávat.

10. Byl jsem na eventu
Designéři informačních
služeb na KISKu.
Uživatel už poměrně přesně tuší, na co kliká
a jaké informace ho na stránce mohou čekat.

11. Sémantické URL

12. Podoba samotné URL také může
přinést špatnou uživatelskou
zkušenost. V tomto případě špatnou
pro dítě a pekelnou pro rodiče.

13. Produkt na Amazonu pod danou URL opravdu existuje.
Stačí i zkrácená verze, což běžný uživatel ovšem netuší.
Není však sémantická, protože produkt je v URL označen kódem.
http://www.amazon.com/gp/product/B0032HF60M/

14. Ve skutečnosti existuje i sémantická varianta URL, ze které lze jasně
poznat o jaký produkt se jedná. V případě dopisu Santovi stačí pak
zadat do Google klíčová slova z URL aniž bych musel luštit změt
písmenek a čísel.
http://www.amazon.com/Kid-Galaxy-Morphibians-Killer-Whale/dp/B0007O8W7C

15. Pěkné URL jsou důležité. Hned na první pohled vím,
na co klikám a co můžu na cílové stránce očekávat.
Škaredé odkazy a rozbitý odkazový systém nejsou OK.

16. Interní prolinkování

17. Interní prolinkování webu musí být kvalitní, aby se uživatel na vašem
webu nezamotal v pavučině prapodivných odkazů.

18. Prolinkování webů lze poměrně jednoduše vizualizovat.
Vypadá pěkně a zajímavě. Ale především je to užitečné.

19. Zelené uzly na grafu jsou informační
stránky a tiskové zprávy ve třech
různých částech webu, které nejsou
vzájemně dobře propojené.

20. Novinář chce napsat článek o firmě.
Přijde na jednu stránku s tiskovou
zprávou. Ve skutečnosti potřebuje
informaci, která je v jiné sekci webu.
Aby se tam dostal musí udělat 7 kroků.
S velkou pravděpodobností se tam
nedostane. Článek o firmě buď
nenapíše nebo si informace vymyslí,
aby si ušetřil námahu.
Firma se tak nechtěně ochudí o
prezentaci v médiu nebo dokonce
získá negativní PR. Jen kvůli špatné
uživatelské zkušenosti novináře.
Ne všichni uživatelé jsou zákazníci.
V UX je potřeba myslet na všechny.

21. ScreamingFrog - crawling webů - datové podklady pro vizualizaci
SQLite Studio - příprava a filtrace dat (ale stačí i Excel)
Gephi - vizualizace dat

22. Zdeněk Nešpor @Chaoticum
nespor@medio.cz