Strona główna » Archiwum

Wpisy oznaczone tagiem "wzorce"

Wzorce projektowe »

5 cze 2012 napisała Iga [ 14 odpowiedzi ]
Przyciski akcji – w jakiej kolejności?

Jest jedno pytanie, które słyszę na każdym szkoleniu z projektowania użytecznych interfejsów – w jakiej kolejności powinny być przyciski akcji (np. Wyślij i Anuluj lub Zatwierdź i Anuluj). Z opowiadań wynika, że problem ten jest przyczyną burzliwych i stale powtarzających się dyskusji niejednego zespołu IT. Z kolei liczne polemiki pasjonatów UX w internecie (np. na UX StackExchange czy Quora) pokazują, że nawet dla projektantów sprawa nie jest oczywista.

Pozornie najprostsza odpowiedź – trzymaj się konwencji

Bardzo częstą odpowiedzią, z jaką można się spotkać, jest dostosowanie kolejności przycisków do wskazówek platformy, na …

Wzorce projektowe »

15 lis 2011 napisała Iga [ Brak odpowiedzi ]
Formularze rejestracji i logowania na mobile

O formularzach webowych napisano wiele (z książką Luka Wroblewskiego – Web Form Design: Filling in the Blanks na czele). Bez problemu znajdziecie też liczne galerie pięknych (częściej) i użytecznych (rzadziej) webowych formularzy logowania, np. 40 attractive login registration form designs, 100 sites with outstanding login forms. Jednak narzędzia mobilne dostarczają nowych ograniczeń, przy których nawet tak proste formularze, jak logowania, mogą sprawić projektantom problemy. O jakich sprawach nie powinniśmy zapominać przy tworzeniu formularzy rejestracji i logowania na smartfony?

Wyraźnie odróżnij logowanie od rejestracji

Użytkownikom zdarza się mylić rejestrację z logowaniem (jak …

Wzorce projektowe »

9 sie 2011 napisała Barbara [ 4 odpowiedzi ]
Podobnie, ale nie to samo – personalizacja i dostosowanie

Często spotykam się z zamiennym stosowaniem pojęć „personalizacja” i „kastomizacja” (wiem, to ohydna kalka językowa, jednak polski odpowiednik słowa nie oddaje w pełni jego znaczenia). Być może wynika to z trudności, jaką niesie za sobą tłumaczenie pojęcia customization, być może ze zbliżonego znaczenia tych terminów. Możliwe też, że z powodu łączenia obu mechanizmów w ramach tych samych systemów, są one po prostu trudne do rozróżnienia. Celem obu jest prezentowanie informacji dopasowanych do użytkownika, tak, aby zmniejszyć szum informacyjny, przyspieszyć odnajdywanie treści i podkreślić unikalny charakter odbiorców. Jednak personalizacja i …

Wzorce projektowe »

26 lip 2011 napisała Iga [ 5 odpowiedzi ]
Google dostrzega design

Zawsze byłam fanką Google – zarówno jego projektów, jak i samej marki. Mogły się do tego przyczynić wieści o 20% wolnego czasu dla pracowników oraz zdjęcia kolorowych wnętrz biurowców, a może po prostu nadzwyczajna przydatność ich produktów. Nigdy jednak nie śmiałabym powiedzieć, że Google ma dobry design. A przynajmniej nie miał.

Ręka do góry każdy, kto choć raz usłyszał od klienta/szefa – „Google tak ma”. Na jednym ze spotkań, jako dowód słuszności pewnego rozwiązania, klient pokazał nam produkt Google. Problem w tym, że w międzyczasie Google zmieniło projekt i usunęło …

Projektowanie interakcji »

12 lip 2011 napisała Ewa [ Brak odpowiedzi ]
Projektowanie aplikacji webowych dla początkujących

Aplikacje webowe to, najogólniej rzecz ujmując, oprogramowanie, z którego możemy korzystać przez Internet. Służą użytkownikowi m. in. do tworzenia treści, współpracy z innymi czy realizowania konkretnych zadań – a wszystko w obrębie znajomego okna przeglądarki. Wraz z rozwojem Sieci, coraz więcej programów i usług udostępniane jest w tej formie – Google Docs, Balsamiq, GrooveShark, Notable, MailChimp, ZooTool, czy polski Kontomierz, to tylko kilka przykładów aplikacji, z których korzystam regularnie.

Wzorce projektowe »

5 lip 2011 napisała Iga [ 4 odpowiedzi ]
Czysta karta, czyli jak wspierać nowicjuszy

Każdy serwis musi być projektowany z myślą zarówno o nowych użytkownikach, jak i tych powracających. Jest to o tyle trudne zadanie, że inaczej projektuje się dla intuicyjności (która jest najważniejsza dla nowicjuszy), a inaczej dla efektywności użycia (która nabiera znaczenia dla ekspertów). W przypadku serwisów tworzonych z myślą o ekspertach trzeba pamiętać o szybkiej nawigacji, zaawansowanych treściach czy budowaniu zaangażowania, co podkreślała Ewa w swoim artykule. A na co zwrócić uwagę tworząc dla nowych użytkowników?

Przede wszystkim trzeba pamiętać o pierwszym kontakcie, kiedy użytkownik nie wie jeszcze w jaki sposób …

Wzorce projektowe »

31 maj 2011 napisała Barbara [ 1 odpowiedź ]
Pozwól mi kliknąć, czyli o rozmiarach w interfejsach mobilnych

Dotykowe telefony to już nasza codzienność. Stosowanie gestów do obsługi interfejsu wydaje się być o wiele bardziej wygodne i naturalne od innych form nawigowania – choćby klawiaturą czy rysikiem. Jednak ludzki palec nie jest tak precyzyjny jak kursor, a wpływ środowiska zewnętrznego dodatkowo utrudnia obsługę interfejsu. Wydaje się, że dla większości projektantów aplikacji czy stron mobilnych jest to „oczywista oczywistość”. Mimo to, bardzo często spotykam się z sytuacjami, kiedy podstawowe elementy klikalne, takie jak menu, linki czy przyciski są niedopasowane do wielkości ludzkiego palca, czyli po prostu za małe. …

Wzorce projektowe »

29 mar 2011 napisała Iga [ 3 odpowiedzi ]
Niezbędnik początkującego projektanta aplikacji mobilnych

Przy okazji realizacji kilku projektów mobilnych (głównie na iPhona) gromadziłam sobie różne materiały edukacyjne i inspiracyjne. Poniższe zestawienie pokazuje, w jaki sposób warto rozpocząć przygodę z projektowaniem interfejsów na nowoczesne urządzenia mobilne.

Wytyczne producentów, czyli poznaj możliwości i ograniczenia

Zanim rozpoczniemy jakiekolwiek projekty, trzeba zapoznać się z wytycznymi producentów.
iOS Human Interface Guidelines – dokument pokazuje standardowe elementy interfejsu iPhona i iPada, tłumacząc sytuacje i sposoby ich użycia. Można się np. dowiedzieć ile zakładek pokazywanych jest na iPhonie czy jakie jest znaczenie ikon stosowanych na tabelach. Jeśli Ci się śpieszy, przejrzyj skróconą …

Wzorce projektowe »

15 mar 2011 napisała Ewa [ 5 odpowiedzi ]
Pozwól mi odejść, czyli o użytecznym procesie rezygnacji z newslettera

Idzie wiosna, czas na wiosenne porządki. Postanowiłam posprzątać maila i zredukować przytłaczającą ilość newsletterów, które otrzymuję. Plan wydawał się prosty: zadecydować, czy dany newsletter mnie faktycznie interesuje i – jeśli nie – wypisać się z listy. W rzeczywistości jednak nie z każdej subskrypcji można łatwo zrezygnować. Niektóre serwisy utrudniają ten proces na wszelkie możliwe sposoby. Można próbować zrozumieć ich tok myślenia – „Po co ułatwiać odejście potencjalnym klientom? Zatrzymajmy ich na siłę, może jeszcze coś uda się z nich wyciągnąć”. W praktyce jednak takie myślenie obraca się przeciwko serwisowi. …

Projektowanie interakcji »

8 lut 2011 napisała Barbara [ 2 odpowiedzi ]
Rola projektanta interakcji w kształtowaniu strony wizualnej projektu – cz. II: ewaluacja grafik

W ostatnim artykule pisałam o tym, jak można ( i trzeba!) wpływać na stronę wizualną projektu już na etapie tworzenia makiet funkcjonalnych. Jednak tworzenie layoutu na makietach się nie kończy. I to właśnie od grafiki, opracowanej na bazie projektu funkcjonalnego, w dużym stopniu zależy użyteczność witryny czy aplikacji. Dlatego też prace nad graficzną prezentacją interfejsu użytkownika powinny przebiegać w ścisłej współpracy pomiędzy webdesignerem a projektantem interakcji.

Ustalanie wspólnej wizji projektu graficznego to często ciężka praca, dlatego warto mieć na uwadze dobro użytkownika i realizację postawionych celów biznesowych, a nie własne …