Home > Start up - moje doświadczenia w Polsce i USA > Użyteczność stron internetowych zawierających nowości i wydarzenia.

Użyteczność stron internetowych zawierających nowości i wydarzenia.

Konstrukcja stron internetowych (podstron czy kategorii) obejmujących wiadomości czy wydarzenia

owieczki-pasące-się-w-Irlandii

podlega regułom użyteczności (web usability), które czynią informacje przystępnymi, łatwo skanowalnymi a tym samym użytecznymi .

Chciałbym poświęcić kilka zdań na temat użyteczności stron internetowych (web usability) obejmujących nowości, wydarzenia czy aktualności korporacyjne.

Szczególnie ważnymi miejscem zastosowania zasad użyteczności jest Intranet, będący swoistą tablicą elektronicznych wiadomości o życiu korporacji.

Poniżej znajdziesz kilka elementów, które rekomenduję wziąć pod uwagę podczas:

- konstruowania wiadomości i wydarzeń,
- budowania strony internetowej dla dziennikarzy,
- optymalizowania i budowania strony internetowej dla inwestorów i wszystkich zainteresowanych,

- przygotowywania i redagowania aktualności korporacyjnych na potrzeby Intranetu.


Internauci skanują tekst. Nie czytają treści w całości. Zgodnie z badaniami web usability (użyteczność stron internetowych)

okazuje się, iż czytanie na ekranie monitora jest około 30 % trudniejsze aniżeli czytanie druku.

Zatem w zdecydowanej większości skanujemy tekst.

#1 Istotne są nagłówki.

Nagłówek w stylu “Kody źródłowe web analytics złamane i rozbite” daje użytkownikowi więcej informacji
aniżeli “Web Analytics przechodzi problemy bezpieczeństwa danych” Z uwagi na ogólny komunikat i potrzebę domyślania się przekazu
tytuł drugi jest bardziej ogólny, zamglony. Tytuł, jako skrót powinien raczej ujmować sedno sprawy aniżeli sugerować komunikat.

Dla przykładu porównałem dwa nagłówki, oto one:

przyklad-naglowki-uzytecznosc-stron-internetowych

Użyteczność stron internetowych. Przykład nagłówków wiadomości w dwóch serwisach informacyjnych.

Nagłówek z serwisu anglojęzycznego dostarcza użytkownikowi więcej informacji, mówiąc:
- co się stało,
- gdzie się stało
- ile się stało (dwa strzały).

Nagłówek polskojęzyczny jest bardziej ogólny, wskazuje raczej na całą historię aniżeli esencję faktów.

Kolejnym ważnym elementem, który warto wziąć pod uwagę jest:

#2 Użyj streszczenia. Daj użytkownikowi możliwość zapoznania się ze skrótem wiadomości.
Użytkownik skanując nagłówek domyśla się informacji, faktów zawartych wewnątrz. Umieszczenie
pod nagłówkiem krótkiej informacji streszczającej pomoże w zwiększeniu użyteczności danej informacji.

Bazując na tym samym przykładzie, którego użyłem powyżej, zerknij na następujący przykład:

uzytecznosc-stron-internetowych-przyklady-naglowka

Użyteczność stron internetowych. Przykład porównujący dwa sposoby nagłówków nowości i wydarzeń

Powyższe przykłady zaczerpnąłem z wiodącego pisma amerykańskiego oraz widoącego polskiego portalu informacyjnego. Przykład polskojęzyczny pozbawiony był zupełnie treści wprowadzającej (streszczenia). Z tego powodu użyteczność (web usability) wiadomości

anglojęzycznej jest wyższa dla użytkownika. Wskazuje na zakres wiadomości, jej formę oraz ujęte fakty.

#3 Nagłówek linkiem. Linki w tym samym stylu.
Nagłówek wiadomości powinien być linkiem. Użytkownik intuicyjnie wybiera nagłówek, jako drogę dojścia do pełnej
informacji. Dla zgodności i spójności z zasadami użyteczności stron internetowych zaleca się, aby wszystkie linki
zawierające nagłówki zapisane były tą samą czcionką (styl, wielkość, kapitaliki i wersaliki).

Czcionka linków, jej styl oraz sposób wyświetlania w danej kolumnie czy grupie powinny być identyczne. Dobrym przykładem użyteczności w tym zakresie (web usability benchmark) może być strona aktualności i informacji prasowych firmy IBM Polska.

uzytecznosc-stron-internetowych-przyklady-odpowiedniego-stylu-linkow

Użyteczność stron internetowych. Przykład działu aktualności w serwisie IBM Polska. Stylowanie linków.

Zauważcie, że każdy link jest skonstruowany z wykorzystaniem tej samej czcionki, stylu.

Zerknijcie także na stronę BusinessWeek.com:

Użyteczność stron wwww. Przykład strony Business week z odpowiednim stylowaniem linków.

Użyteczność stron www. Przykład strony Business week z odpowiednim stylowaniem linków.

Stylowanie linków jest konsekwentnie zachowane dla poszczególnych sekcji, kolumn i fragmentów serwisu. Styl linków na stronie

głównej jest zróżnicowany, ale w danej sekcji konsekwentnie stosowany.

#4 Linki odwiedzone zmieniają magicznie swój kolor.
Z punktu widzenia użyteczności warto zarezerwować kolor niebieski dla nieodwiedzonych jeszcze linków i odpowiednio kolor jaśniejszy (jasnoniebieski) dla linków odwiedzonych. Dzięki temu użytkownik będzie miał komfortową sytuację, w której
strona internetowa będzie pamiętać, co zostało już przeczytane.

#5 Lepiej będzie wyświetlić najpierw tytuł aktualności a następnie datę.
Kolejność wyświetlania będzie lepsza, jeżeli najpierw podany zostanie tytuł nowości czy aktualności a zaraz za nim data publikacji.
Użytkownicy szukając informacji skanują tekst. Rzadziej poszukują daty a częściej określonej informacji. Jednocześnie należy pamiętać,
że skanowanie strony internetowej następuje w zdecydowanej większości od góry do dołu. Intuicyjnie użytkownik przyjmuje, iż
najnowsze informacje znajdują się na górze strony.

#6 Daj możliwość łatwego podzielenia się informacją prasową.
Popularność serwisów Facebook, Nasza Klasa, Bebo, Fotka, LinkedIn itp., sprawiła, iż użytkownicy
szybko, za pomocą jednego kliknięcia dzielą się informacjami. Daj im możliwość łatwego i szybkiego wysłania
informacji do Facebook, Goldenline, Twitter czy LinkedIn  itp. Zainstaluj widgety, automatyczne linki i przekierowania umożliwiające
dzielenie się informacją. Użyteczność strony internetowej rośnie, jeżeli można ją łatwo przesyłać do serwisów
społecznościowych.

#7 Opisz dokładnie obrazki, tabele i linki wykorzystane w stronach dla mediów, dziennikarzy itp.
Pamiętaj o szczegółowym opisaniu obrazków, tabel i linków, które wykorzystujesz w elektronicznym saloniku prasowym
czy na stronie dla inwestorów Twojego przedsiębiorstwa. Nie tylko pomoże to w indeksacji w Google, Yahoo, MSN czy bing.com, ale także uczyni stronę bardziej użyteczną dla osób, które korzystają z automatów czytających. Skorzystaj z mojego opracowania
Jak indeksować obrazki? Dlaczego i jak to robić?

Jeżeli masz interesującą informację lub chciałbyś coś dodać, zapraszam Cię do komentarzy poniżej.
Napisz co, sądzisz? Jakie masz przemyślenia i spostrzeżenia. Napiszmy coś razem dla innych !
kontakt: blog @ arekskuza .pl

  • Kelly Brown

    I really like your post. Does it copyright protected?

  • http://www.arekskuza.pl Arek Skuza

    Hi Kelly,
    thank you for nice comment. I really appreciate it. All my texts are copyright protected. Let me know what kind of usage you are interested in. I can always
    pass publish permission to you which I will do with pleasure.

    You can always email me at: blog @arekskuza .pl

    Arek

  • http://www.blog.programa.pl Wojciech Radomski

    Zgadzam się z tym co napisałeś w 100% – stąd też wziął się mój jeden z poprzendich komentarzy, scroolując Twoją stronę główną nie widzimy, gdzie się zaczyna a gdzie kończy poprzedni post – użytkownicy skanują treść szukając interesujących ich nagłówków, natłok różnych kolorów i obrazków niestety znacznie to utrudnia

  • http://www.arekskuza.pl Arek Skuza

    Dzięki za dobry komentarz. Właśnie rozważam przejście na inną platformę, która będzie bardziej web użyteczna :) .

© 2009-2012 Start up - fascynacja, wyzwania, Europa, USA Wszelkie prawa zastrzeżone, kontakt: blog @ arekskuza . pl