Projektowanie emocji: fochy

5/5 - (1 vote)

Biorąc pod uwagę, że już inni piszą, pozwalam sobie napisać o jednym z dwu ficzerów, które niebawem wejdą do Grona, a który zaprojektowałem. Chodzi mi natomiast o nowy system wiadomości. I nie będę wcale się tutaj skupiał nad kwestią zwijania i rozwijania historii korespondencji i innych elementach, które dodałem w nowej wersji, ale nad pewnym drobnym niuansem, który sprawia, że mamy do czynienia z pocztą w stylu Web 2.0.

***

W wielu naszych wewnętrznych badaniach wychodziło, że użytkownicy Grono często korzystają z systemu wiadomości. Do tej pory jest to dla mnie dosyć zaskakujący wniosek, biorąc pod uwagę, że przecież Ci użytkownicy posiadają e-maile, ale system wiadomości na prawdę cieszy się sporą popularnością. Projektując nowy system miałem zatem przed sobą spore wyzwanie, tym bardziej, że za cel postawiłem sobie – biorąc pod uwagę, że działa on w ramach portalu społecznościowego – wplecenie weń aspektów socjalnych. Dumając nad tym, co by mogło być interesującą funkcją z punktu widzenia usera wpadłem na pomysł… focha 🙂

Dwie historie leżące u podstaw:

1. Nie należę do osób, które kolekcjonują swoje znajomości. Albo, w dobie Web 2.0, nieznajomych próbują uczynić znajomymi dodając ich do swoich kontaktów. Na cóż, tak to już mi się dostało w genach 🙂

W serwisie GoldenLine zdarzyło mi się otrzymać kilkakrotnie zaproszenia od osób, których w ogóle nie znałem, a których profile – po pobieżnym zapoznaniu się z nimi – wskazywały, że mam do czynienia z typem kolekcjonera. Na zaproszenie należało odpowiedzieć: albo zgadzając się na nie i tym samym stając się kolejną cyfrą w danej statystyce (na co akurat ja się nie zgadzam), albo wyrażając swoją dezaprobatę – lecz w tym przypadku osoba, która odrzuciłaby zaproszenie wcale nie wiedziała jakie są z tego tytułu konsekwencje, czy np. zapraszający nie zostanie o tym powiadomiony, a jeśli tak, to w jakim tonie wówczas te powiadomienie będzie napisane. W związku z tym miałem dylemat. Z dwojga złego, nie chcąc komuś wyrządzić przykrość i nie zgadzając się na zaproszenie, a jednocześnie nie chcąc stać się elementem statystyki, wybierałem postawę bierną. Pozostawiałem list bez odpowiedzi (ale nie lubię także mieć niezałatwione sprawy…).

2. Druga historia związana jest z grupami w Gronie. Tutaj zdecydowana większość kontaktów społecznych związana jest z kontaktami natury koleżeńskiej i przyjacielskiej – zupełnie inaczej, niż na Golden Line, gdzie kontakty w dużej mierze mają naturę biznesową. Dodatkowo, spora część grup to grona lokalnych przyjaciół – ze szkoły, z podwórka, okolicy. Są to osoby, które przebywają ze sobą na co dzień – bawią się, uczą, chodzą na wspólne imprezy, jeżdżą na wypady za miasto. Potem swoje fotki z takich wojaży umieszczają w galerii. Jak to bywa w codziennych kontaktach – raz jest lepiej, raz jest gorzej. Ne jednej imprezie Iwona będzie się świetnie bawiła z Kamilem, na drugiej już jej najlepsza psiapsiółka Olga, która postanowiła, że teraz woli by Kamil był jej bardziej bliski, choć ceną będzie oddalenie się koleżanki Iwony. Rano, gdy szum imprezy wywietrzał, a myśli nieco oprzytomniły, pojawiły się pierwsze rozterki… Wtedy przyszło mi na myśl, by do systemu wiadomości dodać foch, czyli pospolite obrażanie się: W historii znajomości Iwony i Olgi zaczyna się etap przeprosin, tłumaczenia, etc. Ale Iwona nie odpowiada. Olga nie ma jej za złe – rozumie, że – mówiąc językiem Olgi – przegięła.

System fochów, który zaprojektowałem na bazie person, wszedł jako opcja „Zablokuj nadawcę”. Choć docelowo wydaje się mieć taką samą funkcjonalność co „Zgłoś spam”, w rzeczywistości jest zupełnie inny i ma inne społeczne konsekwencje – również te, dla użytkownika: Iwony i Olgi.

Podstawowa różnica między „Zablokuj nadawcę” a „Zgłoś spam” związana jest z tym, że jeśli spam dotyczy treści, to blokowanie dotyczy nadawcy – a więc osoby. Jeśli „Zgłoś spam” niesie ze sobą fakt poinformowania o całej sytuacji administratora, o tyle strzelenie focha odbywa się tylko między dwiema osobami. O ile skasowanie konta spamera leży w geście osoby trzeciej, jakiegoś anonimowego admina, o tyle przychodząca informacja zwrotna nt. tego, że zostałem dodany do listy osób zablokowanych przez mojego (dotychczasowego?) znajomego, daje mi sporo do myślenia: co zrobiłem nie tak?, co się z nim dzieje?, co dzieje się z naszą przyjaźnią?

W końcu: o ile w przypadku zgłoszenia spamu nie jesteśmy już w stanie otrzymywać listów od nadawcy i nie mamy nad tym żadnej kontroli (po prostu administrator po odpowiedniej liczbie zgłoszeń blokuje konto i basta), o tyle w przypadku zablokowania czyjejś korespondencji możemy ową blokadę zdjąć… po kolejnej, tym razem udanej, wspólnej imprezie. Kamil okazał się być nie wart ani Iwony, ani Olgi: siedzi rozpromieniony przy barze z największą konkurentką naszych dziewczyn, Agnieszką. Następnego dnia po imprezie dziewczyny będą sobie miały dużo do powiedzenia. Był foch, nie ma focha. Od taka codzienność. 🙂

image_pdf

Użytkowniku: mam Cię!

Oceń tę pracę

Użytkownik bloga przyłapany na gorąco 🙂

O użytkownikach danej strony WWW wiemy coraz więcej, ale tego jeszcze nie było: możliwość nagrania naturalnego zachowania użytkownika w tle (taki Big Brother) i zarazem zdalnie (tj. na prawdziwym użytkowniku, naturalnie przeglądającym stronę).

A oto rezultat jednego z testów nowego narzędzia:

  • data: 20 czerwca, godz. 19:03
  • użytkownik przyszedł z google (w wersji PL), w ramach wyszukiwania na słowo kluczowe „crazyegg”
  • strona postu ładowała się: 2,68 s
  • czas spędzony na stronie postu (liczony od załadowania): 1:54 m
  • zachowanie użytkownika (przewijanie strony, wodzenie kursorem, kliknięcia) – widać na filmie poniżej.

Niesamowite narzędzie!

PS z 23 VI 2008: A zupełnie inne narzędzie, po tym jak napisałem w komentarzach, że zaglądanie do kodu bloga nic nie da, bo odczepiłem system przed napisaniem notki, pokazało, że zwiększył się ruch w obrębie WebArchiwe. 🙂

image_pdf

Screencast: sposób na samouczki

Oceń tę pracę

Firma TechSmith znana z narzędzi do grabienia grafiki oraz video, tym razem wydała oprogramowanie grabiące i w lot konwertujące video do formatu flash. Jing Project (za darmo!). Świetna rzecz do nagrywania i publikowania na stronach WWW samouczków i prezentacji video (tzw. screencastów)!

PS: A miałem o nowym PROFEOsjonalnym serwisie społecznościowym napisać (a raczej o funkcjonalnościach i funkcjonalności – medal temu, kto przeczyta na spokojnie wszystkie napisy z klipu flash zaprezentowanego na wejściu!), acz zmagania z bagażnikiem samochodowym do rowerów skutecznie pokrzyżowały plany… (Przy okazji, co to za „dobrze poinformowane źródło” ma AntyWeb? Wystarczy poczytać IDG.)

Jutro Kraków i… Zakopane.

Screencast, czyli nagrywanie ekranu, to doskonały sposób na tworzenie samouczków, instrukcji, czy prezentacji, które mają na celu przekazanie wiedzy w formie wizualnej. Jest to technika, która pozwala na uchwycenie wszystkiego, co dzieje się na ekranie komputera, wraz z dodanymi komentarzami głosowymi. Tego rodzaju materiały są bardzo pomocne zarówno w edukacji, jak i w instruktażach dla użytkowników, którzy potrzebują praktycznego wprowadzenia do obsługi oprogramowania lub realizacji określonych zadań.

Screencast jest często wykorzystywany w nauce, aby umożliwić uczniom lub uczestnikom kursów samodzielne przyswajanie nowych umiejętności. Tworzenie takich samouczków jest proste – wystarczy użyć odpowiedniego oprogramowania do nagrywania ekranu, które pozwala na rejestrowanie ruchów myszy, klikania w różne przyciski, przewijania stron, a także na dodawanie narracji głosowej. Dzięki temu odbiorcy mogą zobaczyć każdy krok procesu oraz dokładnie usłyszeć wyjaśnienia dotyczące wykonania poszczególnych czynności.

Screencasty są szczególnie efektywne w nauce obsługi oprogramowania, platform internetowych, czy aplikacji. Dzięki nim użytkownicy mogą bez trudu naśladować pokazywane czynności na własnym komputerze, śledząc je krok po kroku. W porównaniu do tradycyjnych instrukcji tekstowych, nagrania ekranu umożliwiają pełniejsze zrozumienie procesu, ponieważ wprowadzają elementy wizualne, co jest istotne dla osób uczących się w sposób wizualny. Dodatkowo, takie nagrania można łatwo zatrzymywać i przewijać, co pozwala na dokładne przyswajanie materiału.

Wykorzystanie screencastów w samouczkach daje także możliwość przekazywania bardziej złożonych informacji w łatwy do przyswojenia sposób. W przypadku bardziej skomplikowanych procesów, takich jak instalacja oprogramowania, konfiguracja urządzeń, czy rozwiązywanie problemów technicznych, nagranie ekranu z opisem pozwala na uchwycenie wszystkich detali, które mogą być pominięte w pisemnym opisie. Dodatkowo, można w nich zamieścić wizualne wskazówki, takie jak strzałki, powiększenia, czy podświetlenie elementów na ekranie, co dodatkowo ułatwia odbiorcy zrozumienie instrukcji.

Dzięki możliwościom edytowania nagrań, screencasty mogą być także dynamiczne i atrakcyjne, co sprzyja utrzymaniu uwagi odbiorcy. Można dodawać teksty, animacje czy efekty dźwiękowe, które podkreślają istotne elementy w danym samouczku. Tego rodzaju materiały są idealne do publikowania w internecie, gdzie mogą być udostępniane w serwisach takich jak YouTube, Vimeo czy platformach edukacyjnych, dzięki czemu dostęp do nich mają osoby na całym świecie.

Screencasty to także narzędzie, które pozwala na tworzenie dokumentacji i instrukcji, które można wykorzystywać w różnych środowiskach zawodowych. Firmy mogą używać tej formy do tworzenia szkoleń dla pracowników, pokazując im, jak korzystać z wewnętrznych aplikacji, oprogramowania czy procedur. To bardzo efektywny sposób na redukcję czasu potrzebnego do szkolenia nowych osób oraz zapewnienie im materiałów, do których mogą wracać w razie potrzeby.

Screencasty to niezwykle skuteczna forma prezentacji treści edukacyjnych i instruktażowych, która łączy wizualną prezentację z narracją głosową. Umożliwiają one skuteczne przekazywanie informacji, są łatwe do wykonania i udostępnienia, a także oferują dużą elastyczność w tworzeniu materiałów edukacyjnych.

image_pdf

Logowanie: „Zapamiętaj mnie”

Oceń tę pracę

Przed wyjazdem na urlop miałem zamiar napisać kilka słów nt. problemów funkcjonalnych Profeo.pl, ale się nie wyrobiłem… Wspomniałem jedynie o animacji flash na pierwszej stronie (czy raczej problemami z jej czytelnością) – a swoją drogą czy ktoś również dostrzega „dziwne” podobieństwo z prezentacją z biznes.net? – a dzisiaj krótko nt. panelu logowania i funkcji „Zapamiętaj mnie”, której próżno szukać na Profeo.

Z badań clicktrackingowych, które prowadziłem na stronach wykorzystujących system logowania się wynika, że coraz większą popularnością wśród userów cieszy się funkcja „Zapamiętaj mnie”, dzięki której użytkownicy 1) nie muszą zaśmiecać swojej pamięci loginem i hasłem do danej strony WWW oraz 2) funckja remember przyspiesza proces samego logowania się.

Dane, które otrzymałem badając system forów internetowych oraz stron społecznościowych są optymistyczne; „Remember me” lubią zwłaszcza użytkownicy słabo obyci z komputerami – a więc początkujący, w tym osoby starsze – tych userów coraz więcej w Internecie, więc i wykorzystywanie opcji będzie raczej rosło.

Analiza blisko 20 tys. logowań wskazuje, że w tym czasie co 33-cia osoba skorzystała z funkcji „Zapamiętaj” (czyli na dzień dobry, przy liczbie 1,5 mln użytkowników mamy grupę ponad 45 tys. korzystających z funkcji, z tendencją zwyżkową). Należy jednak wziąć pod uwagę, iż dane te są niedoszacowane – część logowań do systemu z pewnością wykorzystywała już zapamiętane dane.

Czy to dużo, czy mało? Dla przykładu: z wyszukiwarek ulokowanych również na stronie głównej w tym samym czasie skorzystało mniej więcej tyle samo osób.

Nie można rzecz jasna wyciągnąć z tego zbyt pochopnych wniosków: funkcja Remember… nie nadaje się do wszystkich rodzajów logowania do systemu i jej zastosowanie jest ściśle zależne od przeznaczenia docelowej strony WWW. „Remember” nie nadaje się – co oczywiste – w przypadku logowania do banku. Użytkownicy również powinni być na tyle świadomi jej konsekwencji, by nie wykorzystywać jej w przypadku, gdy komputer, z którego korzystają jest współdzielony z innymi użytkownikami. Za to w ogóle nie powinno przeszkadzać wykorzystanie jej kiedy logujemy się do systemów: poczty, blogów, forów, portali społecznościowych, systemów aukcji internetowych, itp. Zwłaszcza, gdy system, który budujemy dedykowany jest większej ilości użytkowników, z raczej mniejszym doświadczeniem internetowym.

A poniżej kilka [wybranych] paneli logowania się do znanych usług/serwisów internetowych.

Biznes.net

Goldenline

Google

Grono.net

MojaGeneracja

MySpace

phpBB

WordPress

Są rzecz jasna też przykłady paneli logowania, które nie zawierają możliwości zapamiętania danych, chociażby: Allegro, blogi Onet, blogi WP, blox gazety.pl (totalna katastrofa, nawet brakuje opcji przypominania hasła), ebay, epuls, FaceBook, Forum gazeta.pl, Last.fm, LinkedIn, MakeIt, YouTube, Znajomi Interii.

Wtedy już użytkownikom pozostaje tylko liczyć na „pamięć” przeglądarki internetowej, z której korzystają. Bądź na system „Przypomnij hasło listem e-mail”. No tak, tylko na który adres e-poczty zakładałem konto?

image_pdf

Projektowanie interfejsów: pamięć

Oceń tę pracę

Na co dzień zapominamy jakie znaczenie ma dla naszego funkcjonowania pamięć. W ogóle raczej z pamięcią jest tak, że przypominamy sobie o niej wtedy, kiedy o czymś zapominamy…

Jeśli chodzi o wiedzę nt. pamięci to wyróżniamy:

3 typy pamięci…:

  • sensoryczna, zwana też ultrakrótkotrwałą – związana ze zmysłami: wzroku (pamięć ikoniczna) oraz słuchu (pamięć echoiczna); odpowiedzialna jest za te informacje, które możemy zapamiętać jednym „rzutem oka”,
  • krótkotrwała (krótkoterminowa) – umożliwiająca między innymi zapamiętanie na chwilę numeru telefonu, pod który dzwonimy,
  • trwała (długoterminowa) – jak sama nazwa wskazuje związana jest z gromadzeniem informacji z całego naszego życia.

… oraz kilka rodzajów pamięci:

  • semantyczna – wymagająca od swojego użytkownika znajomości języka naturalnego; jej głównym zadaniem jest pamiętanie przez podmiot treści i znaczeń pojęć,
  • epizodyczna – gromadząca dane o tym co zaszłe (pamięć retrospektywna) i umożliwiająca planowanie przyszłych wydarzeń, naszych zamiarów (pamięć prospektywna),
  • i inne, m.in.: autobiograficzna, ejdetyczna, logiczna, mechaniczna.

Tyle jeśli chodzi o klasyfikację.

***

Dla projektanta interfejsów wiedza nt. pamięci ma zasadnicze znaczenie – wspomaga tworzenie przejrzystych i komunikatywnych układów treści oraz nawigacji.

Żeby nie być gołosłownym podam kilka przykładów.

Przykład 1: Pojemność pamięci krótkoterminowej zawiera się w 7±2 jednostkach informacji. Pojemność pamięci ikonicznej jest jeszcze węższa i zawiera się w 5 jednostkach. W związku z tym bloki interfejsu – menu główne, nawigacje boczne – hasła reklamowe, ilość podstron (klików w ramach nawigacji) w głąb, etc., powinny być tak projektowane by przestrzegać tych praw. Dużo lepszy będzie tekst reklamowy, który zasadniczą treść będzie niósł na początku zdania – w pierwszych 5 słowach; dużo łatwiejsza do ogarnięcia będzie nawigacja zamykająca się w 7 elementów, a nawigacji bardziej ksomplikowanych zawsze możemy zbudować układ zhierarchizowany, z systemem kategorii głównych i podkategorii (działa wówczas zasada grupowania, o której może przy innej okazji). Itd.

Przykład 2: Pojemność pamięci krótkoterminowej ważna jest ze względu na sposób organizacji informacji – np. organizację bloków pól w formularzach. Sprawniej użytkownicy przyswajają formularze zorganizowane tak, że elementy podobne są pogrupowane, a liczba poszczególnych jednostek pól na każdym piętrze hierachii grup nie jest większa niż 7.

Rzecz jasna nie zawsze udaje się menu zamknąć w siedmiu elementach, czasem oferta na to po prostu nie pozwala – jak np. w ramach stron aukcji internetowych, bądź stron głównych portali. Wtedy na pomoc przychodzi…

Przykład 3: Pamięć ikoniczna jest znacznie szybsza w przetwarzaniu informacji niż pamięć semantyczna, wymagająca przetwarzania danych nt. znaczeń słów i wyrażeń. Stąd przy dłuższych układach menu zastosowanie elementów bazujących na niej znacznie przyspiesza proces odnalezienia się na danej stronie użytkownika – sprzyja nabyciu umiejętności i wiedzy w posługiwaniu się danym interfejsem, np. nawigacją w której wykorzystano elementy graficzne – ikony. Szybsze jest także przeszukiwanie wzrokiem tego rodzaju nawigacji, która zawiera ikony – choćby nawet pozostawiały wiele do życzenia jeśli chodzi o ich czytelność. Jednak – ważne: dla spotęgowania efektu, ikony powinny być A) czytelne i B) usadowione w kontekście słowa, z którym występują.

Dodatkowo, menu z zagnieżdżonymi ikonami traktowane jest przez nasze oko na podobnej zasadzie jak układ listy numerowanej, co zwiększa jego czytelność.

Dodatkową ważną informacją którą otrzymujemy z badań z zakresu psychologii użytkownika oraz kognitywistyki, w tym zwłaszcza z neuropsychologii i psychologii kognitywnej, jest ta, że przy pomocy pewnych technik projektanci mogą wpływać na A) zwiększanie pojemności kanału pamięci krótkoterminowej oraz B) budowanie w taki sposób przekazu, by zwiększyć prawdopodobieństwo jego zapamiętania.

Ale o tym przy innej okazji.

image_pdf