Z okazji World usability day zapraszam na moją prezentację pt

“Mobile user experience.”

godzina 19:30

Gdzie:

Polsko Japońska Wyższa Szkoła Technik Komputerowych

ul. Koszykowa 86, Warszawa

Duża Aula, parter głównego budynku PJWSTK

Jak dojechać(mapa)

[embed]http://[/embed]

Dzisiaj napiszę o aplikacji nad którą obecnie pracuję.

World traveler - weather

World traveler to aplikacja mobilna przeznaczona dla  osób , które dużo podróżują, celujemy w segment biznesowy. Podstawowe funkcjonalności są darmowe. Wybrane dodatki są płatne. Aplikacja została napisana na telefony z systemem operacyjnym Symbian w wersji 3rd i 5th (obsługa dotykowego interfejsu),  jest preinstalowana na wybranych modelach telefonów Nokia. możne ja pobrać ze strony. Obecnie dostępna jest wersja 1.02.  Sama aplikacja składa się z dodatków zawierających określone funkcjonalności.

Podstawowe darmowe  funkcjonalności:

• Weather – sprawdzanie stanu pogody.
• World Clock – wyświetla czas na świecie dla zdefiniowanych miast.
• Currency – dodatek do sprawdzania aktualnego kursu waluty. Wyświetla średni kurs waluty dla danego kraju.
• World map – wyświetla aktualne położenie użytkownika na mapie świata.

Płatne funkcjonalności:

• Flights – wyszukiwanie połączeń lotniczych, zachowywanie wyników wyszukiwania,  sprawdzanie stanu lotu samolotów, możliwość ustawiania przypomnien dla obserwowanych lotów. Istnieje możliwość korzystania z dodatku przez 5 dni za darmo.  Flights został zaprojektowany przeze mnie pozostałe podstawowe funkcjonalności były rozwijane gdy jeszcze nie pracowałem w firmie.

• obecnie pracuję nad pozostałymi dodatkami …..

Zakup platnego dodatku możliwy jest z poziomu telefonu komórkowego. To tez moja sprawka

Zapraszam do pobierania i korzystania z aplikacji wszelki feedback mile widziany.

Projekt strony produktowej to też moja sprawka do spółki z Mariuszem , pozdrawiam!

Burze , grady a teraz facebook padł o 21:10

Facebook padł

Pepsi mnie dzisiaj trafiło.

Skoordynowane działania marketingowe Pepsi polegające na promocji w miejscu zakupu butelki napoju oraz timing mailingu spowodowały wzrost CPA nowej kampanii Pepsi o moją osobę. Patrzę jest marchewka czyli codziennie losowanie X-boxa.Mam kod z butelki spróbuję.  Co ciekawe formularz rejestracyjny dostępony jest pod dwoma różnymi adresami   adres  z mailingu oraz z ze strony głównej konkursu Wszedłem na serwis z adresu mailingowego.

Pepsi strona konkursu rejestracja

Bez rejestracji ani rusz, zaczynam wypełniać  formularz rejestracyjny.

Myślę będzie szybko prosty, krótki formularz  i zaraz będę zarejestrowany, gdyby nie jeden element Captcha, Ok jakoś to przeboleję zwłaszcza, że można wyświetlić nowy obrazek z kodem do wpisania. Zaczynam wypełniać pola przechodzę do Captcha, przepisuję kod z obrazka , klikam zarejestruj a tu ………… nic!

Myślę co jest?  kod poprawny, wszystkie pola wypełnione.  Czemu nie mogę przejść dalej?

Niestety,okazało się ze:

• hasło jest za krótkie , “super” widoczne powiadomienie o błędnie wypełnionym polu,
• a Captcha jest wrażliwa na wielkość wpisywanych pół.

No dobra jedziemy dalej, wypełniłem wszystkie wymagane pola dalej i odpowiednio wpisałęm kod z obrazka i czekam.

Sukces!

Myślę teraz sobie wpiszę sobie kod z nakrętki. A tu niestety muszę czekać na maila aby zweryfikować konto. Po 30 min czekania, nadszedł mail aktywacyjny. Po kliknięciu w link podany w mailu trafiam na stronę konkursową pepsi i co widzę formularz logowania z CAPTCHA.

Jeżeli to ma być ta akcja z wymianą kodów to ja dziękuję.

A zapowiadał się taki fajni user experience….

Jutro o logowaniu i wpisywaniu kodów z nakrętki…..może się uda

Nasza-klasa idzie do przodu i wprowadza nową funkcjonalność jaką jest integracja wyszukiwarki użytkowników portalu z wyszukiwarką googla.

Z komunikatu dla użytkowników możemy się dowiedzieć:

W prawej górnej części witryny zostało zamieszczone okno wyszukiwarki Google. Dzięki nowej funkcjonalności można wygodniej wyszukiwać kontakty do swoich znajomych oraz przeszukiwać zasoby Internetu bez konieczności wychodzenia z serwisu. Funkcjonalność będzie stopniowo rozwijana.” Interesuje mnie zwłaszcza stwierdzenie „ można wygodniej wyszukiwać kontakty” oraz „ …przeszukiwać zasoby Internetu bez konieczności wychodzenia z serwisu…

Moje pytanie po co?

Z punktu widzenia użytkownika, którego celem nadrzędnym jest odnowienie szkolnych znajomości co przekłada się na odszukanie i nawiązanie kontaktu z użytkownikami portalu. W tym celu musi skorzystać z wyszukiwarki. Zobaczymy czy wygodnie.

Drugą kwestią jest przeszukiwanie zasobów bez konieczności wychodzenia z serwisu. Czy NK naprawdę chce na siłe zatrzymywać użytkowników. Gdy chcę przeszukać coś w sieci korzystam z wyszukiwarki Google. Wiadomo, że użytkownik opuści witryn jak znajdzie zadowalający go wynik wyszukiwania.

Poniżej szybka analiza usability nowej funkcjonalności.

Podstawowy interfejs wyszukiwania.

Interfejs wyszukiwania podstawowego NK

• Próba zostawienia domyślnie wpisanej frazy „szukaj” w polu wyszukiwania i naciśnięcie przycisku „szukaj” nie zwraca żadnych wyników. Co więcej po kliknięciu na „szukaj” nie pojawia się żaden komunikat co się stało i co trzeba zrobić. Jako użytkownik oczekuję wyników wyszukiwania wraz z komunikatem o konieczności wprowadzenia frazy a następnie wyszukania.

• Ustawienie domyślnego zakresu jako „Internet”. Będąc na NK chcę poszukać ludzi w portalu a nie w Google, gdybym chciał szukać ludzi przez google skorzystałbym z ich strony. Domyślnym zakresem powinien „użytkownicy”.

• Biorąc pod uwagę ustawienie domyślnej wartości „Internet” które będzie generowało wyniki z Google a nie z portalu, będzie to denerwujące dla mniej zaawansowanych użytkowników szukających ludzi w portalu.

• Etykiety zakresów wyszukiwania to „Internet” oraz „użytkownicy ” Zastanawiam się nad etykietą „użytkownicy” może lepsza będzie etykieta „ludzie”

• Poprzednia wersja interfejsu wyszukiwania na NK pozwalała na wpisanie imienia, nazwiska lub pseudonimu osoby w jednym polu a w drugim polu wpisania miejscowości. Użytkownik miał już na tym etapie możliwość doprecyzowania zapytania. Obecnie, gdy chce wyszukiwać użytkownika w portalu musi wpisać imię nazwisko lub pseudonim (co też nie jest jasne, bo nie ma podpowiedzi) oraz wybrać z listy rozwijanej zakres wyszukiwania „użytkownicy”. Chcąc doprecyzować wyniki musi skorzystać z wyszukiwania zaawansowanego.

Podsumowując:

• Użytkownik w celu wyszukiwania innych użytkowników musi wykonać więcej akcji w stosunku do starego interfesju oraz musi się nauczyć korzystać z nowego sposobu na wyszukiwanie.

• Wprowadzenie wyszukiwarki google ma na celu zbieranie słow kluczowych wpisywanych przez użytkowników a w konsekwencji lepsze targetowanie behawioralne treści reklamowych. • Gdy użytkownik będzie chciał skorzystać z wyszukiwarki to skorzysta z wyszukiwarki google, która wyszukuje dodatkowo grafikę, fora dyskusyjne itd.

Mam tylko nadzieję, że NK zrobiła lub zrobi testy z użytkownikami z zadaniem na wyszukiwanie.

Komunikaty o braku wyników wyszukiwania na joemonster.org

Komunikat o braku wyników wyszukiwania na joemonster.org

Kilka dni temu pojawiła się nowa wersja strony głównej serwisu Wirtualnej Polski. Poniżej opiszę swoje pierwsze wrażenia związane z nową stroną WP.

Beta Wirtualna Polska zrzut ekranu

Kolega Kordian specjalista ds. ergonomii interfejsów WP napisał na swoim blogu

Nowa wersja WP.pl pozwala użytkownikowi wybrać nie tylko wygląd, ale także zawartość strony głównej: cztery dostępne wersje to “klasyczna”, “na poważnie”, “sportowa” i “na luzie” – każda z nich oferuje nieco inny układ boksów, dla każdej także w inny sposób dobierane są wiadomości prezentowane w poszczególnych sekcjach.

Postanowiłem przyjrzeć się bliżej profilowaniu na WP.

Profilowanie

Przyjrzyjmy się bliżej profilowaniu strony. Mówiąc przyjrzyjmy mówię bardzo dosłownie. Jeżeli profilowanie strony ma być mocną stroną nowej Wp to użytkowcy muszą to dostrzec. Obecnie brakuje jakiejkolwiek afordancji(ang. Affordance) danego elementu czyli klikalności. Użytkownik patrząc pod logo Wp może nie dostrzec elementu albo nie zrozumieć do czego on służy.  Ten element trzeba zmienić, na początek rekomendują zmianę etykiety na „zmień wygląd strony” Komunikat ten powinien być napisany jasnym językiem i koniecznie musi to być czasownik (sygnalizujący akcję)

Profilowanie w WP

Gdy już użytkownik odkryje możliwość profilowania strony wyświetla mu się ekran profilowania.

Ekran dopasowania w WP

Co można profilować:
Zainteresowania i styl życia oraz skórkę strony.
Jeżeli chodzi o zainteresowania to mamy do wyboru:

• klasyczna
• na poważnie
• sportowa
• na luzie

Każda z wersji różni się pod względem wyświetlanej treści. Domyślnie zdefiniowane działy nie pozwalają na dobór wyświetlanych działów np. (koszykówka, siatkówka). Szkoda tylko że samemu nie można sobie wybrać wyświetlanych działów oraz ich kolejności.

Zdefiniowane działy to dobre rozwiązanie dla mniej wymagających użytkowników ale trochę za mało dla bardziej wymagających (skoro już personalizuję  to czemu tylko tyle mogę zrobić.) i tu kolejne pytanie czy zaawansowani userzy będą z tego rozwiązania korzystać.  Przydałaby się opcja dla zaawansowanych użytkowników pragnących bardziej zróżnicować swoją stronę startową.

Wybór skórki
Kolejną zmianą jaką można zrobić jest zmiana kolorystyki serwisu. Do wyboru mamy 10 różnych skórek. Zmiana koloru skórek dotyczy jednak tylko koloru tła belek

Zmiana koloru belki w WP

Podobają mi się kombinacje profilowania np. „Na poważnie ” z kolorystyką „landrynkową” lub „różową panterą”. BTW skórka „ciepła” nie wygląda na ciepłą.

Mechanika wyboru wersji.

Po kliknięciu na wersję profilu zamyka się okno profilowania. Użytkownik pragnący dodatkowo wybrać kolorystykę musi ponownie kliknąć w np  ”Wersja na poważnie ” aby wybrać kolorystykę. Jest to mało intuicyjna interakcja, gdyż wymusza  na użytkowniku ponowną dodatkową akcję.

Rozwiązaniem tego problemu jest tryb podglądu wprowadzanych zmian i oznaczanie wyboru wersji, chciałbym wypróbować kombinacje  tematyczne i kolorystycznie i dopiero wtedy zdecydować jaka kombinacja będzie mi się podobała.

Podsumowując.

• Plus za wprowadzenie funkcjonalności profilowanie
• Minus za jej wykonanie.

Mechanizm profilowania wymaga dopracowania pod względem interakcji wyboru poszczególnych elementów profilowania.
Dobrym rozwiązaniem jest wprowadzenie opcji dla zaawansowanych użytkowników.

P.S  Prawdopodobnie mechanizm profilowania działa na podstawie ciasteczek (cookies) Obecnie użytkownicy są coraz bardziej świadomi czym są cookies dotyczy to  zwłaszcza zaawansowanych użytkowników. Dla nich zachowanie ostawień mogłoby się opierać na podstawie konta pocztowego w portalu WP.

Doskonały wpis o screen patterns dla RIA pochodzące z “Designing Web Interfaces

Kolejny wpis o wzorcach projektowych tym razem o kontrolkach.

Od kilku dobrych miesięcy kibicuję zmianom w interfejsie użytkownika rozkładu jazdy PKP.

PKP zmienił stronę wyszukiwania pociągów.

Update:

Po pierwszym przeklikaniu serwisu niestety muszę powiedzieć, iż nic nie zmieniło się  w zakresie wyszukiwania pociągów. Dodano jedynie reklamy. Już myślałem, że będzie się przyjemniej i łatwiej wyszukiwało pociągi. Coż zawiodłem się    Czemu nie poprawią:

• wyboru stacji (filtrowanie na bieżąco z listy)
• wybór daty (np listy rozwijane)
• wybór godziny ( też listy rozwijane)
• walidacji opuszczonych pól
• i innych….

Fakt nowy skórka, wygląda nieco przyjemniej od starej. UX +1 pkt (bo z ładnych rzeczy łatwiej się korzysta)