Posts Tagged ‘usability’

Kilka usprawnień na Forum

2010.12.02

Wczoraj (2010-12-01) na Forum Ostrowca i Forum Głogowa zostało wprowadzonych kilka usprawnień. Celem wprowadzenia usprawnień było zwiększenie wygodny korzystania z obu Forów.

Jedno z usprawnień przydatne jest wtedy, kiedy przegląda się wątek w kolejności odwrotnej (od końca). Aby przejść do poprzedniej strony wystarczy teraz kliknąć link „Ostatni post na poprzedniej stronie”. Kliknięcie przenosi nas bezpośrednio do dolnej części poprzedniej strony i ustawia widok na ostatnim poście na poprzedniej stronie. Dzięki temu czytelnik oszczędza czas i nie musi wertować całej strony do dołu aby znaleźć linki do poprzedniej strony.

Ponadto, gdy klikniemy na takie linki jak „Ostatni post na poprzedniej stronie”, „Najnowszy post” lub link-łącznik do posta nadrzędnego, to widok ustawiany jest w taki sposób, aby oprócz posta, do którego prowadzi link, były widoczne także inne posty w pobliżu tego posta. Ogólnie – znów – większa wygoda korzystania z Forum, mniejsze używanie scrolla. Dzięki temu można bardziej skupić się na czytaniu/pisaniu postów i oszczędzić czas.

Oprócz nowych usprawnień została przywrócona możliwość wyświetlania informacji o sieci gościa – autora posta. Obok podpisów gości pojawiła się ikonka, na którą można kliknąć, aby wyświetlić informacje o sieci i przybliżonym położeniu geograficznym gościa.

Ponadto na Forum można (wreszcie) wprowadzać wszelkie znaki inne niż typowe litery, np.: © ² ► °.  Do tej pory tego typu znaki mogły być zamieniane na znaki zapytania.

Wprowadzone zmiany są bardzo szczegółowe, możliwe, że dla wielu osób niedostrzegalne. Ale przy projektowaniu tego typu rozwiązań często właśnie o to chodzi – mają być wygodne, intuicyjne, pomagające i usprawniające, ale niekoniecznie przełomowe.

Reklamy

Forum – wątek i posty – nowości i ulepszenia

2010.10.14

Dziś (14 października 2010) ulepszony został sposób prezentacji wątków i postów na Forach Miaston (a więc póki co na Forum Ostrowca Św. i Głogowa). Ulepszenie polega na wielu zmianach, z których jedne widoczne są na pierwszy rzut oka, inne mniej widoczne, a jeszcze inne wcale nie widoczne, ale znacznie usprawniające działanie Forów.

Przeszłość: wątek z niejasnym przebiegiem rozmowyWygoda i intuicyjność. Poruszanie się po wątku i orientowanie się w przebiegu rozmowy będzie od teraz dla wszystkich forumowiczów i czytelników Forum znacznie wygodniejsze i bardziej intuicyjne niż dotychczas. Do tej pory wiele osób gubiło się podczas przeglądania wątków; niektórzy byli zdezorientowani, kiedy posty w wątku wyświetlały się na przykład tak, jak na rysunku po prawej stronie. Powodem były pewne usterki z przeszłości, które czasami powodowały dziwaczną kolejność postów (zob. rysunek po prawej). Tak już nie będzie ;-) .

Podświetlanie postów. Czasami nie wiadomo było, na który z poprzednich postów odpowiadał dany post (zob. choćby posty na rysunku powyżej po prawej stronie).  Teraz posty są podświetlane, kiedy najedzie się na nie kursorem. Podświetlane są w taki sposób, aby wyraźnie widoczny był post nadrzędny (post-odpowiedź podświetla się na ciemnozielony kolor, a post nadrzędny na jasnozielony). Dzięki temu znacznie bardziej intuicyjnie można wychwycić zależność dwóch postów od siebie.

Podświetlanie posta nadrzędnego (kolor jasnozielony) i posta-odpowiedzi (kolor ciemnozielony)

Takie podświetlanie jest bardzo pomocne, gdy oba posty znajdują się na tej samej stronie w pobliżu siebie. Ale co wtedy, gdy znajdują się w większej odległości od siebie (np. na innych stronach)? O tym dalej.

Podświetlanie postów zostało wyłączone dla użytkowników każdej wersji przeglądarki Internet Explorer (IE6, IE7, IE8, IE9 beta) z powodu słabej wydajności podświetlania w tej przeglądarce. Poza tym wątki/posty mogą wyświetlać się źle w IE6 oraz w IE7, ponieważ są to przeglądarki przestarzałe. Ogólnie polecam przy okazji najnowszą wersję przeglądarek Firefox,  Opera, Chrome i Safari.

Łączniki. Dotychczas czasem w ogóle nie było wiadomo, gdzie znajduje się post nadrzędny dla danego posta-odpowiedzi (np. gdy post-odpowiedź znajdował się na stronie 10, a post nadrzędny na stronie 3). Aby jeszcze bardziej wyklarować przebieg rozmowy w wątku, powstały tzw. łączniki. Łączniki pojawiają się w lewych narożnikach posta (górnym i dolnym). Jeden z łączników jest jednocześnie linkiem do posta nadrzędnego. Kliknięcie w taki łącznik umożliwia szybkie przeskoczenie do posta nadrzędnego. Łącznik-link pokazany jest na rysunku poniżej.

Łącznik przy poście-odpowiedzi do posta nadrzędnego

(W powyższym poście pandora napisała dodatkowy post, w którym informuje, że odpowiadała na post Gościa z 2009-12-26, 17:35. W takich sytuacjach jak powyższa, taki dodatkowy post był często jedyną możliwością dla autora posta, aby mógł on przekazać czytelnikom, na który post odpowiedział. Teraz taki dodatkowy post może wydawać się mniej potrzebny, ponieważ są łączniki.)

Zobacz, jak działa podświetlanie i łączniki w wątku: http://www.ostrowiecnr1.pl/forum/watek/Schronisko-dla-zwierzat/.

Link do najnowszego posta. Zarówno na liście wątków, jak i w nagłówkach wątków, znajduje się link do najnowszego posta w danym wątku. Dzięki temu nie trzeba już wertować listy postów, aby odnaleźć najnowszy post. Samo najechanie kursorem na link „Najnowszy post” (bez klikania) powoduje wyświetlenie dymka, w którym znajduje się początkowy fragment najnowszego posta. Widać to na poniższym rysunku.

Link do najnowszego posta

Zaznaczanie miejsc na mapie. To zupełna nowość. Fora na portalach Miaston są pierwszymi forami w polskim Internecie, na których można dodawać do postów mapy z zaznaczonymi miejscami. Podczas dodawania posta  można zaznaczyć na mapie do trzech miejsc, które są powiązane z postem. Dzięki temu można dokładnie wskazać miejsca, które autor posta opisuje w poście. Wskazanie miejsc jest opcjonalne, ale często będzie istotnym uzupełnieniem tekstu. Do zaznaczania miejsc używana jest świetnie przystosowana m.in. do takich celów Mapa Google (wersja 3).

Mapa przy poście

Inne drobne zmiany i poprawki. Dodatkowo zostało wprowadzonych wiele drobnych zmian i poprawek, które, ogólnie mówiąc, polepszają wyświetlanie wątków i postów (m.in.: związane z obsługą wątków sprzecznych z Zasadami Forum – od teraz będzie dostępna informacja o tym, dlaczego dany wątek (a nie tylko post) został wyłączony z wyświetlania; pojawiły się 3 rodzaje ikonek przy autorach postów; zmieniła się ogólnie grafika oraz zwiększyła przejrzystość). Chwilowo niedostępne są informacje o sieci i położeniu niezalogowanych autorów postów, ale do końca października/listopada 2010 powróci możliwość wyświetlania tych informacji.
Zmiany wewnętrzne. Powyżej opisane są zmiany widoczne na zewnątrz. Oprócz nich pojawiło się także dużo zmian wewnętrznych: przyśpieszony został (znacznie) czas generowania wątków;  wątki tworzone są w języku XHTML5 (dotychczas coś na kształt HTML4); użyte są elementy CSS3 i technika CSS Sprite; program generujący wątki został napisany całkowicie od nowa. Ogólnie: zmiany wewnętrzne przyczyniają się do pewniejszego i szybszego funkcjonowania Forum.
Mam nadzieję czytelniku, że dotarłeś do końca tego wpisu, nie umarłeś z nudów i żyjesz ;-) . Twój komentarz jest jak najbardziej mile widziany.

Przyjazne adresy i ulepszone menu

2010.01.27

Od końca stycznia 2010 portale Miaston mają praktycznie tylko przyjazne adresy. Przechodzenie na przyjazne adresy było dokonywane stopniowo, np. cały dział Zdjęcia ma przyjazne adresy od ponad roku, ale np. dział Ogłoszenia nigdy do tej pory takich nie posiadał. Analiza przed przebudową Forum pokazała, że przejście na przyjazne adresy w całej aplikacji Miaston  jest w zasadzie konieczne, aby można było dobrze dostosować Forum do aktualnych potrzeb (opisywanych w poprzednich wpisach i komentarzach). Zapowiedź przyjaznych adresów można znaleźć we wpisie dotyczącym planów na 2010 rok.

W pasku adresu przeglądarki zamiast takich adresów (nieprzyjaznych):
http://www.ostrowiecnr1.pl/index.php?p=forum&dz=lisw&lista=popularne,
glogow.miaston.pl/?p=ogloszenia&oId=100 ,
zobaczymy już niemal tylko takie (przyjazne):
http://www.ostrowiecnr1.pl/forum/lista-watkow/popularne/ ,
glogow.miaston.pl/ogloszenie/694/
.

Przyjazne adresy są o wiele lepsze niż nieprzyjazne. Pozwalają nam lepiej orientować się, w jakiej części portalu aktualnie się znajdujemy. Pasek adresu oglądamy zawsze bez zastanowienia, kątem oka, często prawie bezwiednie. Kiedy w pasku adresu dostrzegamy „krzaki”, typu „?p=cos&a=453453&dz=abcd”, rezygnujemy z ich oglądania, ponieważ trudno jest coś takiego zrozumieć, a już na pewno zapamiętać czy wpisać ręcznie z klawiatury.

Przyjazny adres vs. nieprzyjazny adres

Również kiedy wpisujemy znajomemu link w e-mailu, czy w komunikatorze, adresat naszej wiadomości chce od razu wiedzieć, dokąd prowadzi taki link. Kiedy wpiszemy „krzaki” może mieć problem i musi najpierw kliknąć i przekonać się, dokąd taki link prowadzi. Kiedy wkleimy przyjazny adres, może bez klikania domyśleć się, co pod przyjaznym adresem się kryje.

Przeglądarka Firefox wprowadziła całkiem niedawno zaawansowane podpowiadanie adresów. Wystarczy wpisać fragmenty słów w pasku adresu, aby pojawiły się adresy ostatnio odwiedzanych stron. Kiedy w podpowiedzi w Firefoxie zobaczymy przyjazny adres, również chętniej go wybieramy, bo z dużym prawdopodobieństwem wiemy, dokąd taki przyjazny adres może nas zaprowadzić.

Co jeszcze? Kiedy w Google widzimy listę wyników wyszukiwania, również klikamy chętniej te wyniki, które mają przyjazne adresy. Poniżej widać wyniki wyszukiwania w Google po wpisaniu frazy „Ostrowiec zdjęcia”. Podświetlone są przyjazne adresy, które wyraźnie wskazują, dokąd nas zaprowadzą.

Wyniki wyszukiwania w Google dla frazy "Ostrowiec zdjęcia". Podświetlone są przyjazne adresy.

Jakie są jeszcze pozytywne strony przyjaznych adresów? Kiedy użytkownik jednego z portali Miaston doda ogłoszenie, firmę, zdjęcie czy założy wątek i ta dodana treść będzie dostępna pod przyjaznym adresem, wówczas takie ogłoszenie, firma, zdjęcie czy wątek obejrzy/przeczyta więcej internautów, niż gdyby adres prowadzący do tej treści był „krzaczasty”. Dzieje się tak dlatego, że wyszukiwarki (np. Google) lepiej pozycjonują strony z przyjaznymi adresami. To ważne, szczególnie wtedy, gdy osobie dodającej treść zależy  na dużej oglądalności dodanej treści (np. ogłoszenie o pracę).

Przy okazji wprowadzenia nowych adresów ulepszone będzie menu. To kolejne ulepszenie raczej z części tych prawie niezauważalnych. Menu to ten fragment każdej strony, który powinien być bardzo wygodny w użyciu, ponieważ jest często klikany i dzięki niemu orientujemy się, w której części portalu się znajdujemy. Ogólnie zmiana polega na zwiększeniu powierzchni klikalnej w menu. Większa powierzchnia klikalna sprawia, że z menu korzysta się wygodniej, szybciej i pewniej. Teraz powierzchnia klikalna będzie sygnalizowana oprócz symbolem dłoni – lekkim podświetleniem. Poniżej widać nową dużą i dotychczasową małą powierzchnię klikalną w menu na portalach Miaston. Nowe menu będzie dostępne w pełni od połowy lutego 2010.

Powierzchnia klikalna w menu. Duża podświetlona powierzchnia vs. mała powierzchia niepodświetlona.

Mam nadzieję, że przyjazne adresy i ulepszone menu zwiększą wygodę korzystania z portali Miaston.