Archives for August 2010

Wideo – Lifecycle of a wireframe

Jeśli chcesz doswiedzieć się więcej o tworzeniu wstępnych interfejsów (wireframesów) to warto poświęcić godzinę na tę prelekcję.


Get Microsoft Silverlight

Krótko – User Interface Stack Exchange


Twórcy StackOverflow, działającego w ramach  grupy serwisów Stack Exchange określających się jako “free community driven Q&A sites” otworzyli nowy, związany z projektowaniem serwisów site – User Interface. Serwis w obecnej fazie wygląda dość interesująco i zasługuje na uwagę. Interesujące co stanie się w momencie gdy dotrze do powszechnej świadomości i użytkownicy zaczną zadawać w nim, nie zawsze rozsądne pytania.

Przykładowe tematy:

Banki w “komórkach” czyli badania w Korei

Z każdym miesiącem roku 2010, wzrastająca w Polsce sprzedaż telefonów komórkowych z systemami Android czy iOS mobilizuje banki do udostępniania dedykowanych aplikacji lub uproszczonych stron pozwalających na wykonanie podstawowych operacji w banku.

Temat projektowania takich rozwiązań nie jest nowy i pojawia się właściwie już po raz drugi (pierwszą falą była technologia WAP). Dwóch koreańskich badaczy: Kun-Chang Lee oraz Namho Chung w bardzo dobrym i dość popularnym, opublikowanych w zeszłym roku artykule “Understanding factors affecting trust in and satisfaction with mobile banking in Korea” przestawiło kilka elementów, które chociaż dotyczą Korei, dostarczają interesujących wniosków.

[Read more…]

Numer telefonu w formularzu

Jednym z typowych problemów, który pojawia się podczas pobierania danych od użytkownika w formularzu jest format numeru telefonu. Australijska firma Formulate, przeprowadziła dość obszerne badanie na grupie 2 721 użytkowników australijskiego serwisu poświęconego poszukiwaniu pracy. Najważniejsze wnioski (dotyczące Australii) są następujące:

  • Większość badanych podała numer bez żadnych separatorów (spacji, minusów, nawiasów).
  • Aż 3/4  badanych (2 721 osób) mając do wyboru numer telefonu stacjonarnego lub komórkowego podało numer telefonu komórkowego.
  • część badanych (15%) nie przeczytała instrukcji, w efekcie czego podała numer bez numeru kierunkowego.

Z mojego doświadczenia wynika, że warto umożliwić wprowadzenie numeru telefonu w dowolnym formacie, a następnie “wyczyścić” go ze znaków specjalnych. Jedynym wyjątkiem jest w zasadzie nr telefonu kierunkowego dla kraju (np. rozwijana lista)  i dla numeru wewnętrznego (co jest już jest przerostem formy nad treścią).

Źródło: Phone numbers in electronic forms, Formulate

Wyrwane z kontekstu – “7 Steps to Avoiding User Adoption Problems with Site Redesigns”

NIemłody, ale wartościowy tekst z bloga Demystifying Usability odnośnie błędów popełnianych podczas redesignów/zmian w serwisie. W dużej mierze poświęcony głośnej akcji zmian w Facebooku, ale zawierający też rozsądne sugestie.

  • Reach out to the user community to show you care. Make the “we are listening to you message” clear. Offer a survey. Create a user panel (…) The more users realize a redesign is going on, whether they participate or not, the better. It’s the feeling of being asked that matters.
  • Do extensive segmented usability testing. Usability testing is typically used to validate a new design just before release. While usability testing can provide insight into problems or issues that will impact a site’s ease of use, it is often not used in a robust manner to future-proof against user adoption symptoms. This is especially true if you are using Jakob Nielsen’s ‘test with 5 users’ formula. A way to avoid being blinded by this problem, is to do segmented usability testing. Test with different user types: new users vs. newer users; older users vs. new users; loyal users vs. not-loyal users etc. More in depth usability testing with the segments with the highest user adoption risk can help flush out problems that might not be seen in regular heat-of-the-moment usability testing.

Źródło: 7 Steps to Avoiding User Adoption Problems with Site Redesigns, Demystifying Usability

Wizualizacje facetingów

Endeca, firma tworząca oprogramowanie wspomagające przeszukiwanie informacji, oprócz wspomnianej kilka wpisów temu biblioteki wzorców projektowych, dość często aktualizuje swój firmowy blog –  Search Facets, The many faces of discovery, który warto dodać do swoich czytników RSS.

Na blogu tym, we wpisie Visualizing Facets dość ciekawa analiza dostępnych możliwości kategoryzacji wyszukiwanych informacji. Warto przejrzeć, w poszukiwaniu perełek jak widoczna poniżej.

Source: http://facets.endeca.com/2010/08/visualizing-facets/

Dlaczego badania roznia sie od siebie :)

Krotko – “Three Questions You Shouldn’t Ask During User Research”

Wczoraj w serwsie User Interface Engineering ukazal sie artykul Three Questions You Shouldn’t Ask During User Research.  W zasadzie streszczenie naglowkow, spokojnie moze zastapic lekture. Do ewentualnego przejrzenia.

  • Don’t Do: Asking About the Future
  • Don’t Do: Asking How They’d Design a Feature
  • Don’t Do: Asking by Providing Their Reason
  • One Bad Question Won’t End The World

Krotko – Omnigraffle sitemap generator

Wizualne generowanie mapy serwisu to zwykle dosc pracochlonne zajecie. Jason Kunesh, stworzyl skrypt, ktory z istniejacego (zazwyczaj do Google) pliku sitemap.xml, tworzy jednym kliknieciem sensowny plik OmniGraffle (Mac) ze struktura serwisu. Fajne, oszczedzajace czas narzedzie. Polecam.

Czy wiesz czym jest breadbox?

Zbiór wzorców projektowych Endeca definiuje breadbox jako obszar który zbiera aktualne parametry wyników wyszukiwania/nawigacji i zbiera je w jednym miejscu.

Jest bardziej elastyczny niż breadcrubs (polskie tłumaczenie okruszki chleba jakoś nigdy nie trafiało mi do przekonania) ponieważ może zawierać parametry wyszukiwania, parametry facetingu i przeszukiwane kategorie.

W Polsce jest popularny na przykład w porównywarkach cenowych, takich jak Ceneo czy Skąpiec.

A breadbox:

  • Addresses signposting needs for the user by providing a consistently located and visible reminder of his navigational context as it changes with the application or removal of navigational refinements. The breadbox aggregates mementos for all search/navigation criteria in one location.
  • Allows the user to modify search results by selectively removing individual refinements.
  • Provides the user with the necessary information and tools to make adjustments to the navigational context to obtain an optimal result set.

Źródło: Bread Box, TheEndeca User Interface Design Pattern Library

Krótko – “Migrating a Corporate Intranet to SharePoint: A Case Study”

Jen Hocko, specjalistka do spraw użyteczności w obszernym case study “Migrating a Corporate Intranet to SharePoint” przedstawia proces wdrożenia SharePointa w dużej korporacji. Bardzo cenna lektura, bez względu na to, co sądzimy o Microsoft Sharepoint. Polecam!

Testy A/B w Facebooku

Jared Spool, bardzo znany popularyzator użyteczności, autor podcastu SpoolCast, w jednym z ostatnich odcinków przepytał Julie Zhou, Product Design Managera w Facebooku odnośnie procesu powstawania nowych funkcjonalności. Częścią która mnie zaciekawiła najbardziej, było ta poświęcona stosowaniu testów A/B.

[Read more…]