Web Design. Projektowanie Atrakcyjnych Stron
Total Page：16
File Type：pdf, Size：1020Kb
IDZ DO PRZYK£ADOWY ROZDZIA£ SPIS TREFCI Web Design. Projektowanie atrakcyjnych stron WWW KATALOG KSI¥¯EK Autor: Ani Phyo T³umaczenie: Marek Binkowski KATALOG ONLINE ISBN: 83-7361-248-3 Tytu³ orygina³u: Return on Design. ZAMÓW DRUKOWANY KATALOG Smarter Web Design That Works Format: B5, stron: 290 TWÓJ KOSZYK DziY z Internetu korzysta wiêcej ludzi — i wiêcej firm opiera na tym swoj¹ dzia³alnoYæ — ni¿ kiedykolwiek wczeYniej. Jednak aby osi¹gn¹æ sukces w trudnych ekonomicznie DODAJ DO KOSZYKA czasach, producenci stron internetowych musz¹ korzystaæ ze skromniejszych Yrodków i jednoczeYnie tworzyæ bardziej efektywne witryny, które przynios¹ realny zysk. W jaki sposób uzyskaæ taki wynik? Weteranka projektowania, Ani Phyo, przedstawia CENNIK I INFORMACJE sprawdzon¹ w boju i opart¹ na doYwiadczeniach metodê skutecznego projektowania witryn internetowych. Pokazuje ona, w jaki sposób kluczowe zasady projektowania ZAMÓW INFORMACJE informacji z myYl¹ o u¿ytkowniku mog¹ nadaæ kierunek ka¿demu projektowi O NOWOFCIACH internetowemu sprawiaj¹c, ¿e witryna bêdzie bardziej efektywna, ³atwiejsza w u¿yciu i lepiej spe³niaj¹ca za³o¿enia biznesowe. WyjaYnia, gdzie warto, a gdzie nie warto ZAMÓW CENNIK oszczêdzaæ i na czym tak naprawdê polegaj¹ oszczêdnoYci d³ugoterminowe. Ani Phyo opisuje w tej ksi¹¿ce prosty i skuteczny siedmioetapowy proces tworzenia CZYTELNIA serwisów internetowych. • Oceñ obecn¹ witrynê klienta, zbadaj jego konkurencjê, precyzyjnie wyznacz FRAGMENTY KSI¥¯EK ONLINE docelow¹ grupê odbiorców i pomó¿ zdefiniowaæ potrzeby i oczekiwania klienta. • Zbuduj odpowiedni zespó³ do wykonania zadania. • Utwórz modele charakterystycznych reprezentantów grupy docelowej i zastanów siê, w jaki sposób bêd¹ korzystaæ z witryny. • Ustal, jaka powinna byæ zawartoYæ witryny i w jaki sposób powinna ona funkcjonowaæ. • Zaprojektuj profesjonalny schemat nawigacji i utwórz funkcjonalny prototyp, by go przetestowaæ. • Przeprowad] kontrolowany test u¿ytecznoYci — nawet w przypadku skromnego bud¿etu — i maksymalnie skorzystaj z opinii i sugestii u¿ytkowników. • Zbuduj mechanizmy, które pozwol¹ Ci pozyskiwaæ informacjê zwrotn¹ ju¿ po uruchomieniu witryny, tak aby u¿ytkownicy mogli dostarczaæ wartoYciowych Wydawnictwo Helion opinii przydatnych w trakcie przysz³ych modernizacji. ul. Chopina 6 Ksi¹¿ka przedstawia nie tylko proponowany przez autorkê schemat postêpowania, ale 44-100 Gliwice tak¿e przeszkody i trudnoYci, na jakie mo¿na napotkaæ w trakcie jego realizacji. tel. (32)230-98-63 "WebDesign. Projektowanie atrakcyjnych stron WWW" to nieodzowna lektura zarówno e-mail: [email protected] dla projektantów stron, jak i dla mened¿erów firm Ywiadcz¹cych us³ugi tworzenia stron internetowych. Spis treści Przedmowa............................................... 7 Od Autorki.............................................. 9 Wstęp.................................................. 13 Podstawy projektowania interakcji z myślą o użytkowniku 23 Co to jest projektowanie informacji? ...................... 23 Kto zajmuje się projektowaniem informacji? ................ 31 Co to jest użyteczność? ................................... 36 Podsumowanie .............................................. 42 Rozdział 1. Ustalanie wymagań witryny.................. 45 Definiowanie podstawowych założeń biznesowych ............. 45 Proces badań .............................................. 47 Dobór cech i możliwości witryny spełniających jej cele .... 69 Ocena witryny przeznaczonej do przeprojektowania .......... 71 Sprawdź słuszność założeń ................................. 76 Podsumowanie .............................................. 78 Rozdział 2. Scenariusze działań użytkownika............ 79 Budowanie pozytywnych wrażeń .............................. 79 Tworzenie modelu użytkownika i scenariusza jego działań ... 82 Testowanie scenariuszy .................................... 88 Podsumowanie .............................................. 89 Rozdział 3. Dobór zawartości witryny................... 91 Jak dać użytkownikowi dokładnie to, czego potrzebuje ...... 91 Pomóż zleceniodawcy zidentyfikować potrzeby dotyczące zawartości witryny i ustalić ich priorytety .... 102 Dobór struktury witryny .................................. 109 Tworzenie i testowanie spisu treści witryny .............. 122 Sprawdź rezultaty ........................................ 126 Podsumowanie ............................................. 128 Rozdział 4. Tworzenie mapy witryny i schematów pracy użytkownika ........................................... 129 Projektowanie efektywnej interakcji ...................... 129 Tworzenie mapy witryny ................................... 132 6 Web Design. Projektowanie atrakcyjnych stron WWW Schematy pracy użytkownika ............................... 136 Testowanie i poprawianie schematu pracy użytkownika i mapy witryny .................................................. 149 Podsumowanie ............................................. 150 Rozdział 5. Projektowanie schematu nawigacji i układu dokumentów ............................................ 151 Od układu strony do prototypu ............................ 151 Schematy układu stron .................................... 153 Prototypy ................................................ 174 Podsumowanie ............................................. 179 Rozdział 6. Testowanie funkcjonalnego prototypu....... 181 Kontrolowany test użyteczności ........................... 181 Testy formalne, czy nieformalne? ......................... 185 Dane jakościowe czy ilościowe? ........................... 189 Kontrolowany test nieformalny ............................ 194 Test formalny ............................................ 219 Prezentacja wyników testów i zaleceń ..................... 220 Poprawianie projektu na podstawie wyników testu .......... 221 Podsumowanie ............................................. 226 Rozdział 7. Dalszy proces modyfikacji, rozwoju i aktualizacji witryny .................................. 229 Czy było warto? .......................................... 229 Projekt informacji — od budowy do uruchomienia ........... 231 Uruchom witrynę i rozpocznij proces od nowa .............. 241 Dodatek A Słowniczek.................................. 259 Skorowidz............................................. 269 Rozdział 3. Dobór zawartości witryny Jeśli ustaliłeś już, kto będzie korzystał z witryny i jakie czynności będą wykonywali jej użytkownicy, możesz przystąpić do dobierania treści i zawartości witryny. Tok postępowania na tym etapie zależy od typu witryny, którą projektujesz. Jeśli tworzysz witrynę stanowiącą narzędzie, witrynę, w której dominują transakcje, zakupy przeprowadzane drogą elektroniczną czy wyszukiwanie określonego rodzaju infor- macji, przejdź do rozdziału 4. („Tworzenie mapy witryny i schematów pracy użytkownika”), a następnie wróć do tego rozdziału po wykonaniu opisanych tam zadań. Jeśli jednak głównym celem witryny jest prezentowanie treści informacyj- nych, kontynuuj czytanie tego rozdziału. W tym rozdziale omówimy projektowanie, planowanie i usta- lanie struktury zawartości witryny. Pokażemy też, jak pomóc zleceniodawcy opracować materiały na witrynę w taki sposób, by przyśpieszyć proces jej produkcji. Zespół tworzący wi- trynę będzie nieformalnie testował strukturę zawartości, by upewnić się, że prezentowane treści nie tylko satysfakcjo- nują docelowych użytkowników, lecz również spełniają zało- żenia biznesowe zdefiniowane przez zleceniodawcę (rysunek 3.1). Jak dać użytkownikowi dokładnie to, czego potrzebuje Podobnie, jak gospodyni organizująca przyjęcie stara się przygotować potrawy, które będą smakowały jej gościom, pro- jektanci powinni serwować użytkownikom witryny taką jej za- wartość, która zostanie przez nich uznana za atrakcyjną, wyczerpującą i satysfakcjonującą. To dlatego zawsze nama- wiam projektantów do poświęcenia czasu na sprawdzenie, czy 92 Web Design. Projektowanie atrakcyjnych stron WWW prezentowane treści będą pokrywały się z zainteresowaniami i oczekiwaniami docelowych użytkowników, ujawnionymi we wcześniejszym procesie badań i testów (rysunek 3.2). Rysunek 3.1. Dobór zawartości witryny z myślą o użytkowniku Rysunek 3.2. Wzbudź apetyt. Poświęć czas na ustalenie, co użytkownicy lubią, zaprezentuj to możliwie atrakcyjnie i spraw, by mieli ochotę na więcej Rozdział 3. Dobór zawartości witryny 93 Poniżej przedstawię pewne sugestie dotyczące doboru zawar- tości witryny, lecz przede wszystkim zachęcam projektantów do traktowania procesu przygotowania zawartości witryny w taki sposób, w jaki traktuje się przygotowywanie pysznego, eleganckiego posiłku. Zwykle jest tak, że mniej znaczy więcej. Dostarczaj użytkownikom tego, czego chcą, i rób to w zwięzły sposób. Mniejsze porcje o wyższej jakości i świe- żości są bardziej satysfakcjonujące niż duża objętość niż- szej jakości, a w dodatku nieświeża. Dobór zawartości witryny z myślą o użytkowniku pomaga osiągnąć cele biznesowe Nie sposób przecenić ważności zawartości witryny, na którą użytkownicy mają chętnie wracać i polecać ją swoim znajo- mym, przyjaciołom i rodzinie. Dobrze dobrana zawartość wi- tryny pomaga osiągnąć podstawowe cele biznesowe i wzmocnić markę organizacji lub firmy reprezentowanej przez tę witry- nę. Czy poniższe komentarze nie wydają Ci się znajome? „To, czego naprawdę potrzebujemy, to elektroniczna wersja biuletynu firmy”. „Nie martw się o zawartość, dział marketingu ma już gotowe wszystkie materiały, jakie możemy umieścić w witrynie”. „Po prostu weźmiemy to, co przygotuje dział komunikacji, i wrzucimy to na witrynę, gdy będzie