Sam nie mogę wyjść nadal z podziwu, jakie możliwości dają wszelkie biblioteki oparte np. na jQuery. Dzięki niej zaczęła się upowszechniać nowa, lepsza i wygodniejsza forma popupu – lightbox. Coraz częściej możemy zobaczyć także wygodne zastosowania zwijania i rozwijania elementów, tooltipy, wygodną walidację pól, przegląd listy zdjęć jako slideshow.

Rozwiązania oparte na zaawansowanym wykorzystaniu Java Scriptu już dawno weszły pod strzechy przybornika projektanta (a jeśli nie, to należy to jak najszybciej nadrobić). Kilka dni temu zobaczyłem kolejne rozwiązanie, które mnie zaciekawiło na tyle, aby o tym napisać.

Mowa tutaj o dosyć ciekawym rozwiązaniu, jakie ostatnio miałem okazje zobaczyć na serwisie mashable.com. Umożliwia ono przesyłanie, polecanie, linkowanie wybranych elementów contentu serwisu (zdjęcia, video) za pośrednictwem skonfigurowanych kanałów społecznościowych jak np. Facebook, Twitter, komunikatory czy E-mail. A wszystko to w bardzo wygodny sposób – za pomocą drag & drop. I właśnie to mnie urzekło w tym rozwiązaniu – totalna prostota w udostępnianiu elementów serwisu swoim znajomym.

Aby udostępnić wybrany element np. zdjęcie, najeżdżamy na niego kursorem myszki. Element oprawia się w ramkę, zaś na zdjęciu pojawia się napis (ku mojemu zaskoczeniu) w języku polskim „przeciągnij aby udostępnić”. Następnie wciskamy lewy przycisk myszy i nie puszczając go, przesuwamy kursor. W tym momencie treść serwisu się wygasza i naszym oczom ukazują się ikony symbolizujące wybrane kanały społecznościowe. Pozostaje nam tylko upuścić element na wybrana ikonę. Prawda, że proste?

Przyznam się, że bardzo pozytywnie zaskoczyło mnie to rozwiązanie. W pozytywnym znaczeniu. Mało tego, uważam, że jest ono nie tylko efektowne, ale także użyteczne, ponieważ:

• pokazuje użytkownikowi, co może być udostępnione
• wygasza na ekranie wszystko, co jest w danym momencie nie potrzebne
• nawiązuje do modelu mentalnego dotyczącego obsługi ikon, do którego jesteśmy przyzwyczajeni
• korzystaniu z narzędzia towarzyszy wysoki UX
• umożliwia realizację celu użytkownika

A co Wy o tym sądzicie?

Jedno, czego tylko nie mogę zrozumieć to cel, jaki przyświecał projektantom formularza logowania do tegoż sklepu internetowego. Otóż wchodząc na stronę logowania / rejestracji mamy do wyboru dwie opcje: „Mam już konto w empik.com” oraz „Jestem nowym klientem”.

Wszystko niby w należytym porządku. Tylko jedno nie daje mi spokoju. W jakim celu poniżej mam zaznaczony checkbox „Akceptuję regulamin empik.com”? Czy to oznacza, że każdorazowo logując się do tegoż sklepu, muszę zaakceptować regulamin? Jeśli byłbym przesadnie ostrożny, to każdorazowo musiałbym przed zalogowaniem się do serwisu, przeczytać ustalenia regulaminu, który swoją drogą jest chorobliwe długi (jak zawsze z regulaminami bywa).

Nie wspomniałem jeszcze o jednej istotnej rzeczy (ale której zapewne się domyślacie). Aby się zalogować, należy oczywiście zaakceptować postanowienia regulaminu. Inaczej niestety – nie ma możliwości dostępu do swojego profilu w tym sklepie.

Jednak, o ile dobrze mi wiadomo, to wybór akceptacji jakichkolwiek ustaleń, regulaminów powinien być świadomym wyborem użytkownika (jeśli się mylę, to naprostujcie mnie proszę). A jeśli tak jest, to domyślne zaznaczenie checkboxa jest złamaniem takich zasad i zawsze można powiedzieć – zalogowałem się, ale niczego nie akceptowałem – to nie moja wina, że było zaznaczone. Z drugiej strony – gdyby był każdorazowo zobligowany do zaznaczania tego checkboxa przy logowaniu (a loguje się dosyć często), nie długo trwałaby moja lojalność do Empiku.

Powiedzcie mi, czy taki zabieg, jaki stosuje Empik, ma rację bytu? Co o tym sądzicie?

z klasyki (nie mogłem się powstrzymać):

Będę miał okazję ponownie w ramach spotkań Clearweb spotkać się z Wami. Tym razem przedmiotem mojej prelekcji będą zagadnienia związane z Augemented Reality (w polskim rzeczywistość rozszerzona) – O Augmented Reality słów kilka – jeśli nie znasz, musisz posłuchać!.

Przykładem wykorzystania AR jest tutaj Wikitude:

Więcej informacji o spotkaniu Clearweb możecie zdobyć na stronie clearweb.pl lub na goldenline.pl.

Zapraszam gorąco i do zobaczenia 12.01.2009 12.02.2009 na Clearweb-ie!

Na dobrą sprawę, można by było dodać do tego gesty w przeglądarkach czy czytnikach kart. Można popuścić wodze fantazji. Zapraszam na rewelacyjną porcję wiedzy!

NYC IxDA – Tap is the New Click – Dan Saffer from Interaction Design Association on Vimeo.

Ze strony vimeo.com:

„Tap is the New Click”

Even though the technology has been around for decades, only now are we starting to see mass production and adoption of touchscreen and gestural devices for the public. Jeff Han’s influential 2006 TED demonstration of his multitouch system, followed by the launches of Nintendo’s Wii, Apple’s iPhone, and Microsoft Surface, have announced a new era of interaction design, one where gestures in space and touches on a screen will be as prominent as pointing and clicking.

But how do you create products for this new paradigm? While most of us know how to design desktop and web applications, what do you need to know to design for interactive gestures?

This introduction to designing gestural interfaces will cover the basics: usability and ergonomics; a brief history of the technology; some elemental patterns of use; prototyping and documenting; and how to communicate that a gestural interface is present to users.

ABOUT DAN SAFFER
Dan Saffer is an experience design director for Adaptive Path. An international speaker and author, his writing on design has appeared in BusinessWeek and many online publications. His acclaimed book Designing for Interaction: Creating Smart Applications and Clever Devices has been called „a bookshelf must-have for anyone thinking of creating new designs” and has been translated into several languages. His new book on interactive gestures will be published by O’Reilly in October 2008.

Dan is a member of the Industrial Designers Society of America (IDSA) and the Interaction Design Association (IxDA). He received his Master of Design in Interaction Design from Carnegie Mellon University.