użyteczność WWW

Detronizacja usability…

Kategoria: Emotional Design, Human Computer Interaction, Testy z użytkownikami, Trendy, użyteczność WWW. Opublikowano Październik 7th, 2009 przez Barbara Kowalczyk – Skomentuj ten wpis jako pierwszy

,czyli zwrócenie uwagi na to co się dzieje pod szyldem III fali Human Computer Interaction (Komunikacji Człowieka z Komputerem).

Określenie zainteresowania użytecznością w ostatnich latach „wielkim boomem” jest zapewne przesadą ale termin ten zrobił sporą karierę, stał się swojego rodzaju słowem – wytrychem. Oprócz dobrych stron tego zjawiska (co jest tematem na osobnego posta) można zauważyć również, typowe dla modnych tematów, powierzchowne i pozbawione gruntownej wiedzy wypowiedzi, artykuły lub wręcz oferty rynkowe. W sieci można znaleźć przykłady typu : cennik analizy heurystycznej w zależności od ilości słów na podstronie, bądź (mój ulubiony) – cena analizy heurystycznej uzależniona od ilości użytych heurystyk. Dlatego nie uważam, aby ostatnie słowo w temacie użyteczności zostało wypowiedziane, ale można…
read more »

UCD w nauczaniu on-line

Kategoria: Projektowanie i prototypowanie, Testy z użytkownikami, użyteczność WWW. Opublikowano Wrzesień 25th, 2009 przez Marek Goliasz – 1 komentarz

Zdjęcie przedstawiające kulę ziemską z książkąJest takie powiedzenie: „Za darmo nawet ocet smakuje”. Trzymając się tego porównania powiem, że smakuje mniej gdy trzeba się wysilić. O czym mowa? O tym jak trudności z platformami i kursami do nauki on-line zniechęcają kursantów do nauki.

Blisko 200 osób zostało zaproszonych do skorzystania z darmowego kursu. Dodam, że dotyczył on tzw. twardych umiejętności i zawierał wiele animacji i interaktywnych ćwiczeń. Na ukończenie uczestnicy mieli 30 dni i mogli ten termin wydłużyć. Aby otrzymać certyfikat należało zapoznać się ze wszystkimi ekranami kursu i wypowiedzieć się na forum. Oszacuj ile osób ukończyło szkolenie.
…….kurs został ukończony przez zaledwie 20 osób.

Dlaczego?
Wywiady, które potem przeprowadziłem ze wszystkimi zaproszonymi uczestnikami ujawniły:

  • Brak motywacji do samorozwoju zawodowego (nie mam czasu…, mam pilniejsze obowiązki zawodowe…itp).
  • Problemy z zalogowaniem się, nawigacją, pobraniem materiałów, brak informacji o zaliczeniu czyli po prostu z użytecznością platformy zdalnego nauczania i samego kursu.

read more »

Poznaj zasady tworzenia landing page

Kategoria: E-marketing, Projektowanie i prototypowanie, użyteczność WWW. Opublikowano Wrzesień 20th, 2009 przez Mariusz Dziechciaronek – 2 komentarzy

Kilka słów na sam początek

Każda strona w naszym serwisie może być landing page. Nie wiemy skąd użytkownik przyszedł, ani w jakie wyniki wyszukiwania klikał. LP to nie tylko specjalnie zaprojektowane strony, to również linki do podkategorii oraz linki prowadzące na stronę główną. LP to element procesu, za pomocą którego chcemy aby użytkownik dokonał zakupu (wykonał określoną akcję na stronie: zapisanie się do newslettera, pobranie darmowych materiałów, itp.).

Nie istnieje coś takiego jak idealna LP dla każdego biznesu – każdy serwis ma innych użytkowników i różną specyfikę. To użytkownicy są najlepszymi ekspertami w ocenie twojego serwisu – jeśli im się nie spodoba, to odejdą do konkurencji.

Najważniejsza rola LP to zapewnienie przepływu użytkownika (flow) od reklamy, do wykonania określonej akcji na stronie (np. zakupu). LP musi odzwierciedlać potrzeby użytkowników i być do nich dostosowana. Zatem, dobra LP to taka która jest ciągle badana, testowana i ulepszana. Do tego celu wykorzystujemy dane statystyczne np. z Google Analitycs, oraz prowadzimy jakościowe testy z użytkownikami z naszej grupy docelowej.
read more »

Jak pozyskać klienta?

Kategoria: E-Commerce, E-marketing, użyteczność WWW. Opublikowano Wrzesień 10th, 2009 przez Mariusz Dziechciaronek – 3 komentarzy

Jak pozyskać klientaArtykuł ten nie dotyczy użyteczności, eye trackingu czy ucd. Skupiłem się tutaj na bardziej prozaicznej rzeczy, która de facto jest najważniejsza dla działania firmy, czyli pozyskanie Klienta. Powiedzmy, że zakładasz agencję reklamową lub agencję zajmującą się użytecznością i projektowaniem i chciałbyś zdobyć pierwszych klientów dla swoich usług.

Zakładam, że powołując do życia agencję masz już pewne doświadczenie, możliwości wykonania zlecenia – nie tylko umiejętności np. zbadania serwisu, czy zaprojektowania interfejsu, ale również sprzętowe – czyli np. odpowiednie pomieszczenie do przeprowadzania testów, czy sprzęt komputerowy, odpowiedni legalny soft. Do listy klientów dla których pracowałeś możesz dodać klientów z poprzedniej pracy, rzecz jasna z zastrzeżeniem, że projekty te były realizowane pod inną marką. Twoi potencjalni klienci będą przynajmniej wiedzieć, że masz jakieś doświadczenie. Stanowić będzie gwarancję tego, że wykonasz usługę dobrze.

read more »

Persona grata

Kategoria: użyteczność WWW. Opublikowano Lipiec 30th, 2009 przez Barbara Kowalczyk – 1 komentarz

Zdjęcia pokazujące człowieka trzymającego tablicę ze znakiem zapytania„Najlepsze są zawsze te narzędzia, których koncepcja jest najprostsza”

Alan Cooper „Wariaci rządzą domem wariatów”

Poniżej krótki przewodnik o tym czym są persony, jak je budować, wykorzystywać, oraz dlaczego to narzędzie działa.

Czym są persony?

Persony to narzędzie oparte na bardzo prostej idei: dowiedzmy się kim jest nasz użytkownik, stwórzmy jego opis i następnie korzystajmy z niego. Najkrócej persony można określić jako archetypy użytkowników. Parafrazując słowa Alana Coopera można myśleć o personach jak o humanitarnym sposobie przedstawiania zebranych danych. Humanitarnym w sensie prostoty zapamiętania i wykorzystania. Persony nie są wymyślonymi przyjacielami projektanta, ale raczej ciekawą alternatywą dla sterty raportów, tabel, wykresów prezentujących informacje o użytkowniku. To czy stworzone przez nas persony będą pomocne zależy od tego na jakich danych się oprzemy (pamiętajmy o zasadzie garbage in – garbage out).
read more »

Jak zaprojektować dostępną stronę www – świetna książka za darmo!

Kategoria: Dostępność, Projektowanie i prototypowanie, Publikacje, użyteczność WWW. Opublikowano Lipiec 6th, 2009 przez Marek Goliasz – Skomentuj ten wpis jako pierwszy

Obraz przedstawiający zamkniętą na klucz bramę Użyteczna strona to jeszcze nie wszystko.  Pamiętaj,  że wśród odwiedzających Twoje witryny mogą znaleźć się także osoby z deficytami poznawczymi. Czy zastanawiałeś się kiedyś jak niewidomy lub niedowidzący człowiek surfuje w Internecie? Stosuje programy odczytujące zawartość stron lub w przypadku mniejszych wad powiększa tekst.  Gdy tworzysz stronę możesz zapytać, ale jak mam kodować, by strona była dostępna?

Zachęcam Cię do zapoznania się z dostępną za darmo książką Marka Pilgrima:

Książka Marka Pilgrima nie tylko stanowi wykład o tym jak powinna wyglądać dostępna strona, ale podaje również wskazówki jak tego dokonać z punktu widzenia kodu. W bardzo przystępny sposób opisane w niej zostały ograniczenia jakie może napotkać osoba niepełnosprawna korzystająca z Internetu. Siła tej książki polega na tym, że każdy problem związany z dostępnością został przedstawiony z pozycji użytkowników borykających się z różnymi rodzajami niepełnosparwności. Książkę polecam w zasadzie wszystkim zainteresowanym budowaniem stron www.

Sposoby na tańsze projektowanie

Kategoria: Projektowanie i prototypowanie, użyteczność WWW. Opublikowano Lipiec 4th, 2009 przez Marek Goliasz – Skomentuj ten wpis jako pierwszy

Przerażone oko kobiety o blond włosach Projektujesz stronę www. Twój klient chce, aby była maksymalnie wypakowana funkcjonalnością, a jednocześnie prosta w użyciu. Zapraszasz osoby do badań. Czy, jak radzi Nielsen wystarczy zaprosić pięciu, aby znaleźć 75% błędów na stronie? W metodologii badań psychologicznych uważa się, że dopiero 30 osób daje statystycznie istotny wynik. Ze względu na koszty i problemy organizacyjne nikt nie przeprowadzi takiego badania! W jaki sposób możesz uniknąć wysokich kosztów badań, a jednocześnie projektować użyteczne interfejsy?

Skorzystaj z tego, co oferuje kognitywistyka. Wiedząc o tym co przyciąga naszą uwagę, łatwiej będzie Tobie zaplanować układ strony. Gdy poznasz reguły rządzące percepcją, Twoje projekty już na etapie prototypów będą bardziej intuicyjne. Zaczynamy?

Pierwsze wrażenie

Badania eyetrackingowe pokazują, że nie czytamy stron internetowych, a jedynie omiatamy je wzrokiem. Użytkownik nie czyta długich tekstów, a jego wzrok skacze między wszystkimi elementami, które wyglądają na dające się kliknąć. Innym bodźcem, na który natychmiast reagujemy jest ludzka twarz. Jest to szczególnie istotne przy projektowaniu głównej strony Twojej kreacji. Tekst jest czymś jednolitym, a uwaga wzrokowa wyewoluowała do wyszukiwania odmienności. Czy to znaczy, że w ogóle nie czytamy treści? Nie do końca. Wyszukujemy na niej to, co wiąże się z naszymi aktualnymi planami, oczekiwaniami, celem, z tórym weszliśmy na stronę i emocjami. Tak właśnie działa percepcja. To co widzisz nie jest kopią świata zewnętrznego. Wybitny neurobiolog-kognitywista V. Ramachandran, pisze, że to, co widzimy jest najbardziej prawdopodobną halucynacją (zainteresowanych odsyłam do artykułu Trzy prawa qualiów).

Pozwól więc użytkownikowi zawiesić wzrok na tym, co chcesz przekazać – wystarczą do tego:

  • pogrubienia
  • wypunktowania
  • nagłówki

Obraz znaczy więcej niż tysiąc słów

Zobacz na ile sposobów możesz przekazać swoje idee.W psychologii kognitywnej potwierdzono efekt wyższości obrazu nad słowem. Chociaż użycie słów ma potencjalnie większe możliwości w zakresie kodowania informacji, kodowanie obrazowe bardziej sprzyja
zapamiętywaniu.

Metody na przedstwienie różnych metod wizualizacji w postaci układu okresowego pierwiastków

Metody na przedstwienie różnych metod wizualizacji w postaci układu okresowego pierwiastków

Spostrzeganie

Zasady wizualnej organizacji danych

Zasady wizualnej organizacji danych

Czy zwrot „teoria z początku XX w.” wywołuje w Tobie grozę? Chcę Tobie pokazać jak stara teoria percepcji Gestalt pomoże Ci kreować nowoczesne witryny.Niemieccy psychologowie znaleźli kilka zasad, które rządzą naszym spostreganiem.

  • bliskość – Spójrz na obrazek powyżej. W mgnieniu oka łączysz kropki będące blisko siebie w pary, prawda?
  • podobieństwo – Możesz łatwo zastosować do wizualizacji wszlkiego typu. Jeśli chcesz pokazać, że dwie rzeczy są ze sobą związane upodobnij je do siebie. To, co jest inne- odróżni kolorem, wielkością, czcionką itp.
  • domknięcie – nasza wiedza o otoczeniu sprawia, że umysł dorabia naszym spostrzeżeniom, to czego na nich nie ma. Od dziecka poruszamy się w trójwymiarowym świecie, więc spontanicznie dostrzegamy całe obiekty.
  • wspólna droga -widzimy dwie przecinające się linie, a nie cztery „wąsy”

Uwaga

Uwaga pozwala nam wydobyć z otoczenia to, co najważniejsze. Ma jednak swoje ograniczenia. Pisałem już o bodźcach, które przyciągają uwagę. Warto zapoznać się także z polecaną na blogu Symetrii książką Orienting of Attention. A teraz krótki i prosty eksperyment.

Policz wszystkie rzuty zawodników w czarnych koszulkach

Prawie nikt nie spostrzega, że w środku rozgrywki po srodku boiska przechadza się dziewczyna z kapeluszem. Nie wierzysz? Obejrzyj film jeszcze raz. Wystarczy, że będziemy na czymś mocno skupieniu, a nawet bardzo wyróżniające się bodźce nie przedrą się do naszej świadomości.

Podejmowanie decyzji

Dokonujesz ogromnej ilości wyborów, dysponując niepełną bądź niepewną informacją. Jak to się dzieje, że te decyzje najczęściej są trafne? Przede wszystkim stoi za nimi ogromne doświadczenie zebrane w ciągu rozwoju. Stanowi ono Twoją wiedzę utajoną. Podejmując decyzje (szczególnie typu kliknąć/nie kliknąć ;) nie rozważasz wszystkich za i przeciw. Pomyśl ile czasu by Ci to zajęło. Ludzie z reguły zadowalają się pierwszym, możliwym rozwiązaniem.

To tylko krótki przegląd tego, co nauki poznawcze mogą zaoferować projektantom interfejsu. Zapraszam do częstych odwiedzin tego bloga, a dowiesz się jeszcze więcej!

Linki zewnętrzne:

Użyteczna strona. O tym musisz pamiętać!

Kategoria: użyteczność WWW. Opublikowano Czerwiec 29th, 2009 przez Marek Goliasz – Skomentuj ten wpis jako pierwszy

Frank Ritter i jego współpracownicy zApplied Cognitive Science Lab przedstawiają na swojej stronie zasady analizy użyteczności pod kątem różnych elementów strony:

Tekst

  • użytkownicy nie czytają całego contentu, ale skanują wzrokiem całą stronę,
    stosowanie „małej czcionki” (lowercase) jest bardziej czytelne niż „DUŻEJ” (uppercase)
  • migający tekst nadmiernie rozprasza,
  • do uważnego czytania zniechęcają duże bloki tekstu oraz mała, szeryfowa czcionka.

Kolor

  • nadmiar kolorów na stronie jest mylący,
  • tekst umieszczony na polach o różnym kolorze jest trudny do przeczytania, ale …
    jeśli na różnobarwnym tle umieścimy jednolity kolorystycznie obszar, to tekst na nim będzie się wyróżniał,
  • kolor powinien być elementem architektury informacji – ma pozwalać odróżniać typy treści.

Animacje

  • animacje poruszające się w sposób ciągły nadmiernie rozpraszają,
  • mapa obrazu powinna czytelnie wskazywać aktywne obszary (np. poprzez podświetlenia), a te powinny być wyraźnie podpisane,
  • animacje i inne aktywne elementy graficzne wpływają negatywnie na czas ładowania się strony, co jest częstą przyczyną irytacji użytkownika i zaniechania odwiedzenia strony.

Aplety

  • mogą być ciekawe i potrzebne, ale wydłużają czas ładowania strony,
  • koflikt dwuklik vs. klik.

Podsumowując, zdaniem autorów, to czego potrzebują strony internetowe, to:

  • mniej grafiki (szczególnie animowanej),
  • czytelny tekst,
  • jednolitości (powszechne przyjęcie standardów),
  • skupienie się na ułatwieniu wykonania zadania przez użytkownika -zakupie, znalezieniu informacji o kontakcie itp. poprzez prostotę, jasność i spójność.

UX Books w Poznaniu

Kategoria: Publikacje, użyteczność WWW. Opublikowano Czerwiec 28th, 2009 przez Mariusz Dziechciaronek – Skomentuj ten wpis jako pierwszy

Obraz przedstawiający półkę ze starymi zniszczonymi książkamiWczoraj miało miejsce spotkanie UX Books Club w Poznaniu. Celem tego typu spotkań, odbywających się regularnie na całym świecie jest otwarta dyskusja i wymiana doświadczeń w oparciu o przeczytaną literaturę branżową.

W czasie pierwszego spotkania omówiona została książka Marka Kasperskiego i Anny Boguskiej-Torbicz „Projektowanie stron www. Użyteczność w praktyce”.

Na poznańskim spotkaniu przyjęliśmy formułę otwartej dyskusji, każdy uczestnik zapoznał się z książką i miał za zadanie przedstawić skrótowo najważniejsze wątki z omawianego rozdziału, określić co mu się podoba, a czego jego zdaniem zabrakło w książce. Szczególny nacisk położyliśmy na kwestie związane z odniesieniem omawianych tematów do praktycznych problemów z którymi każdy z uczestników w mniejszym lub większym stopniu miał do czynienia.

Na pierwszy ogień poszły zagadnienia związane z prototypowaniem, od sortowania kart poprzez makiety papierowe po projektowanie w programach komputerowych takich jak np. Axure. Ciekawymi wnioskami z realizacji projektu dla UAM podzielili się z nami Bartosz Mozyrko i Kamil Kaczmarek. W tym kontekście dyskutowaliśmy również o optymalnej liczbie kart oraz liczebności grupy badawczej.

Zdjęcie okładki książki "Projektowanie stron www"

Zdjęcie okładki książki "Projektowanie stron www"

Największe zastrzeżenia dotyczące rozdziału o card storting dotyczyły analizowania zebranych danych. Z kolei w przypadku prototypowania komputerowego zabrakło wyszczególnienia w książce ogólnych zasad, jakimi powinien się kierować architekt informacji przestępując do opracowywania nowej koncepcji serwisu.

Wszyscy zgodziliśmy się co do tego, że pozycja Kasperskiego i Boguskiej to wręcz idealna lektura dla osób, które rozpoczynają swoja przygodę z Web Usability. Dzięki bardzo przejrzystej formie, dużej liczbie odwołań do literatury i pokazaniu działania współczesnych narzędzi warsztatu UX, książka stanowi doskonały wstęp do dalszych poszukiwań UX-owego debiutanta.

„Projektowanie stron www. Użyteczność w praktyce” jest naszym zdaniem również bardzo dobrym materiałem edukacyjnym dla Klientów, materiałem dzięki któremu Klient będzie w stanie lepiej zrozumieć UCD i Web Usability, a co za tym idzie współpraca z agencją przebiegać będzie sprawniej.

Na razie jeszcze jesteśmy na etapie rozruchu, ale po pierwszym spotkaniu jest bardzo duża chęć jego kontynuacji, staramy się również dotrzeć z informacją o rozpoczęciu naszej działalności do osób zainteresowanych tematem Web Usability w Poznaniu.

Post ten jest również apelem do osób, które chciałby poszerzyć swoją wiedzę z tego zakresu, spotkać się, podyskutować w miłej atmosferze i wymienić się swoimi doświadczeniami.

Następne spotkanie z cyklu UX Books odbędzie się 21 maja, o godzinie 18:30 w siedzibie Symetrii na ulicy Wyspiańskiego 10/3, dalej będziemy rozpracowywać książkę Marka Kasperskiego i Anny Boguskiej, skupimy się na rozdziale trzecim czyli badaniach z użytkownikami. Książka przypadła nam do gustu i nie chcemy tak od razu na jednym spotkaniu jej skonsumować.

Linki zewnętrzne: