[huge_it_slider id='1']

kategoria -Usability

Użyteczność stron www

Test użyteczności kursywysylkowe.pl

Dziś na prośbę znajomego robię krótki test jego strony kursywysylkowe.pl
Strona ta jest katalogiem kursów jakie można zamówić w firmie ESKK.

Poniżej lista uwag do strony.

1. Brak logo
Napis “kursywysylkowe.pl” wykonany został czcionką, która nie jest zbyt czytelna. Moim zdaniem warto zainwestować 100-200zł w stworzenie profesjonalnie wyglądającego loga. Dzięki temu witryna przez internautów będzie o wiele lepiej odbierana.

2. Brak stopki
Kolejna rzecz, która rzuciła mi się w oczy to brak stopki. Pod ostatnim linkiem na dole strony brak jakiegokolwiek odstępu, strona jakby się urywa. Warto byłoby zamknąć ją stopką z informacją copy… lub menu.

3. Menu
Menu po lewej jest koloru zielonego, a napisy na nim białe. W momencie najechania na element menu kolor napisu zmienia się na żółty co powoduje zmniejszenie widoczności tego napisy, a powinno być zupełnie odwrotnie. Napisy w menu górnym są za wysoko.

4. Pod menu
Ta część wprowadziła mnie w duży błąd. Po kliknięciu w “średnie wykształcenie” pod menu pojawił się link tekstowy “średnie wykształcenie”. Na początku myślałem, że to jakiś błąd jednak gdy kliknąłem inny element menu zorientowałem się, że jest to podmenu strony.
Widzę tutaj 2 błędy. Pierwszy, w elementach gdzie nie ma podmenu nie ma potrzeby umieszczania linku po raz kolejny. Drugi błąd to brak spójności graficznej podmenu z menu głównym.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

“Witajcie w realu” – wykłada Marek Kasperski

Na kolejnym z serii spotkań “Witajcie w realu”, które odbędzie się 3 czerwca o godz. 20 w Krakowie wykład poprowadzi Marek Kasperski. Wstęp jest wolny.

Marka Kasperskiego znam z bloga UI Design, którego czasem czytam oraz z bardzo książki “Projektowanie stron www. Użyteczność w praktyce”, którą aktualnie czytam i robi ona na mnie bardzo pozytywne wrażenie.

Temat spotkania nie jest do końca znany, zostanie wybrany na podstawie głosowania na stronie internetowej http://wrealu.info. Do wyboru są dwa tematy:

  • badania usability (przegląd, zalecenia)
  • projektowanie zorientowane na użytkowników i biznes

Wszystkich zapraszam na to spotkanie z Markiem Kasperskim bo uważam, że jest osobą, która w kwestii usability, projektowania, prototypowania… ma naprawdę ogromną wiedzę. Niestety w związku z tym, że spotkanie jest w Krakowie sam nie pojawię się na nim.

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania “Zostaw komentarz”, a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Jak z powodzeniem realizować projekty informatyczne cz.2?

W związku z napotkanymi problemami przy ostatnio prowadzonym projekcie dziś chciałem poruszyć kwestię zdawania projektu klientowi i wprowadzania poprawek.

Jak już wcześniej pisałem w artkule pt.: “Jak z powodzeniem realizować projekty informatyczne” specyfikacja to podstawa projektu. Kolejna rzecz to po wykonaniu projektu zgłaszanie uwag i jego poprawianie. Podstawowy błąd, który popełniłem przy zleceniu, które aktualnie realizuję to nie określenie ilości poprawek dla klienta. Zawsze przypominam sobie o tym gdy zaczynają się problemy i niestety tym razem było za późno. Projekt graficzny strony internetowej został ukończony około marca, a do tej pory jest poprawiany.
Pracując w firmie PLAY jako tester oprogramowania nauczyłem się kilku rzeczy m.in. tego, że trzeba ustalać ilość poprawek możliwych do wprowadzenia w projekcie oraz termin ich wykonania.

To co polecam to np. określenie z klientem, że po dostarczeniu projektu ma on x czasu na przetestowanie go. Następnie klient spisuje wszystkie swoje uwagi do jednego dokumentu, lub jeśli posiadacie odpowiednie oprogramowanie to wpisuje swoje uwagi do niego (więcej o tym możecie przeczytać m.in. na testerzy.pl) i dostajecie określony termin na wykonanie tych poprawek. Po wszystkim klient jeszcze raz testuje projekt tym razem już ostatecznie zgłasza uwagi do projektu i po tych zmianach kończymy pracę.

Nie polecam wysyłania uwag do projektu pojedyńczo w e-mailach bo można się w tym zagubić. Jeśli nie pomyśleliśmy o tym wcześniej, a klient zaczyna zgłaszać uwagi w ten sposób proponuję szybko przejąć nad tym kontrolę, spisać wszystkie uwagi w jeden dokument tekstowy i przekazać klientowi, aby dopisywał swoje uwagi. Jeśli tego nie zrobimy popłyniemy w ilości e-maili jakie zaczną do nas spływać, a część uwag po prostu przeoczymy. W przypadku tego projektu właśnie tak postąpiłem.
Ustalanie terminu wprowadzenia poprawek pozwoli utrzymywać nam kontrolę nad czasem prowadzenia projektu. Przy zgłaszaniu uwag codziennie przez 2 tygodnie na e-mail spowoduje pojawienie się niekończącej się listy uwag i stale przedłużającego się terminu ukończenia projektu.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

10 błedów usability

Przez przypadek trafiłem w sieci na “10 błedów usability” na stronie optymalista.com ciekawe aczkolwiek to wierzchołek góry lodowej 🙂 powinno być 100 błędów usability stron www. Być może sam kiedyś spróbuję zrobić jakąś większą listę. Tymczasem zapraszam do lektury.

1. Brak cen. Jeden z najpoważniejszych i najbardziej irytujących błędów (często popełnianych przez moje ulubione firmy samochodowe) to brak cennika. Trudny do znalezienia cennik jest niemal porównywalnie denerwujący. Równie użyteczne są wszelkie konfiguratory, które nie pozwalają na szybkie odnalezienie orientacyjnej ceny bez wypełnienia szczegółowych informacji.

2. Brak możliwości sortowania lub filtrowania produktów – szczególnie w sklepach online. Nic skuteczniej nie zniechęca do strony jak konieczność przejrzenia wszystkich produktów lub opcji po kolei. Koniecznie pozwalaj użytkownikom na filtrowanie produktów po markach, najważniejszych cechach oraz zawężanie liczby potencjalnych produktów.

3. Nadmierne używanie PDF?ów do prostych zadań. Czy koniecznie musisz umieścić cennik 30 produktów w ważącym 2 MB pliku PDF? Założymy się, że nie. Dodatkowo: oszczędzasz (oprócz nerwów użytkowników) cenne pasmo transmisji i przyspieszasz działanie swojego serwisu.

czytaj dalej

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania “Zostaw komentarz”, a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Z życia wzięte – o konsekwencjach nie testowania

Dziś będzie trochę na wesoło o konsekwencji nie testowania nowych rozwiązań.
W miniony wekend robotnicy ze spółdzielni mieszkaniowej usuwali kuchenki gazowe w łazience i kuchni i podłączali “normalnie” ciepłą wodę. Po 2 dniach ich kucia w ścianie i murowania, poprosiłem brata i przyszłą bratową o pomoc w sprzątaniu co zajęło cały wieczór w 4 osoby i kolejne 2 wieczory z żoną. Woda podłączona więc bardzo się cieszyłem wreszcie nie jest ogrzewana kuchenką gazową.

Po 2 dniach poszedłem do kuchni i zorientowałem się ze nie mam cieplej wody. Pomyślałem, że jakaś chwilowa awaria 🙂 jednak dość szybko zorientowałem się, że robotnicy na odwrót podłączyli kurki. Ciepłą wodę pod zimną, a zimną pod ciepłą. Nie sprawdziłem tego wcześniej bo nie przyszło mi to do głowy.

Pomyślcie teraz co by było jakbym poprosił Panów, aby wykuli dziurę spowrotem w ścianie i naprawili swój błąd.
Po pierwsze byliby oni bardzo zdenerwowani, po drugie podniosłoby to koszt dla spółdzielni, a po trzecie osiwiałbym jakbym miał od początku wszystko sprzątać.

I tutaj widzę pewne podobieństwo z projektowaniem stron www. Nie przetestowanie strony www aplikacji może spowodować bardzo nieprzyjemne konsekwecje i duży wzrost kosztów projektu o czym przekonałem się dziś.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Sprawdzanie użyteczności automoto24.com.pl

W związku z tym, iż korci mnie ostatnio, aby pisać o użyteczności różnych nowych stron pojawiających się w sieci postanowiłem zacząć od swojego serwisu, żeby nie było, że wyżywam się na innych, a na swoje serwisy nie umiem spojrzeć krytycznym okiem 🙂

Dziś napiszę o wadach użyteczności mojego serwisu www.automoto24.com.pl. W związku z tym, że serwis jest dość obszerny omówię krótko tylko stronę główną bo pełny test użyteczności mógłby zająć kilkadziesiąt stron A4.

Strona ta powstała pod koniec 2007 roku i zawierała jedynie ogłoszenia motoryzacyjne. Była prosta i spójna wizualnie. Składała się z dużego menu górnego, menu z  ogłoszeniami z lewej strony, menu użytkowego, wyszukiwarki ogłoszeń, ogłoszeń promowanych oraz reklamy.

Przez prawie półtora roku strona uległa znacznej rozbudowie doszły 4 menu, newsletter, kilka reklam, mapa województw, newsy, linki do forum, artykuły, opisy imprez…

W sumie zmiany bardzo pozytywne jednak niestety, ale mocno nie przemyślane. Struktura menu i strony głównej nie była przygotowana na tak rozbudowany serwis i dodawanie kolejnego i kolejnego menu nie wpłynęło dobrze na jej czytelność i przejrzystość. Wszystkie informacje na stronie zlały się  nic się nie wyróżnia, a strona bez potrzeby stała się bardzo długa. Jak wiele innych stron my także po latach postanowiliśmy przebudować i odświeżyć nasz serwis.

Oto screen z aktualnej strony i zaznaczone po kolei błędy witryny.

Head strony
1. Mało widoczne logo strony
2. Head niespójny graficznie z resztą strony
3. Wyszukiwarka nie zawierająca wyszukiwarki ogłoszeń
4. Brak błędu logowania

czytaj dalej

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Jak zbierać uwagi od użytkowników naszej strony?

Kilka dni temu przeczytałem na AntyWeb.pl o ciekawej stronie Sugester.pl oferującej możliwość zbierania sugestii/uwag od użytkowników. Projekt tym bardziej mnie zainteresował, że na dniach uruchamiamy testową wersję www.automoto24.com.pl i system ten pozwoli nam w bardzo wygodny sposób zbierać uwagi na temat nowej odsłony strony.

Jak dziala system?

System wydaje się bardzo prosty. Wystarczy się zarejestrować, stworzyć swoje forum sugestii, pobrać kod widgetu i wkleić go w kod strony. Na stronie po prawej stronie pojawia się ikona “Twoja sugestia” po kliknięciu, której pojawia nam się formularz do zgłaszania uwag.

Jestem bardzo ciekaw jak to działa w praktyce. Czy użytkownicy witryn rzeczywiście są tak mili, żeby wpisywać nam uwagi na stronę, które powinny być dla nas bardzo cenne. Gadżet ten bardzo ułatwi przekazywanie uwag na temat serwisu w bardzo szybki i prosty sposób.

Jak pisałem wcześniej na dniach uruchamiamy nową wersję automoto w związku z czym będzie okazja do przetestowania widgetu. Dodatkowo myślę, że nie zaszkodzi jeśli zainstaluję ten widget na tym blogu czy też na www.centrumpozycjonowania.pl

Zapraszam na stronę Sugester.pl

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania “Zostaw komentarz”, a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Testowanie mailingów w różnych programach

Jak przeczytałem 2 dni temu na interaktywnie.com firma Sare stworzyła oprogramowanie dzięki, któremu możemy obejrzeć wysyłany mailing w piętnastu różnych programach do odbioru poczty bez potrzeby instalacji tych programów, są to między innymi Outlook 2007, Outlook 2003, Outlook Express, Mozilla Thunderbird, Lotus Notes 8, Apple Web Mail i Entourage 2008, Gmail, Yahoo! Mail i Hotmail.

Szybko zajrzałem na stronę Sare z ciekawości, jednak cennik firmy mocno mnie odstraszył. Wysłanie mailingu o wadze 20kb do 10000 userów to koszt 540zl. sporo jak a jednorazowe wysłanie mailingu.

Takie narzędzie jest bardzo potrzebne biorąc pod uwagę ilość programów pocztowych i różnice w wyświetlaniu maili w nich. Podobna sytuacja jest z testowaniem stron www w różnych przeglądarkach jednak tutaj jest kilka rozwiązań pozwalających testować strony za darmo o czym pisałem jakiś czas temu na blogu we wpisie pt. “Testowanie stron WWW w różnych przeglądarkach“.

Mam nadzieję, że za jakiś czas powstanie narzędzie darmowe umożliwiające testowanie mailingów on-line. Osobiście byłbym tylko za testowaniem, a nie wysyłaniem bo to właśnie ta funkcja generuje koszty.

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania “Zostaw komentarz”, a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Jak z powodzeniem realizować projekty informatyczne?

Rozmawiając ostatnio z bratem (programistą) i pracując nad nowym projektem zaczęliśmy rozmawiać o rozbieżnościach w projektach pomiędzy tym co zamawia klient, a tym co otrzymuje i przypomniał mi się poniższy obrazek.


To czego klient potrzebował.

To co klient zamówił.

To co analityk zrozumiał.

To co opisywał projekt.

To co wykonali programiści.

To co powstało po wdrożeniu.

To za co klient musiał zapłacić.
Brak tutaj rysunku pt.: “To za co klient zapłacił” ognisko z drzewem i siekierą 🙂

Wykorzystane rysunki pochodzą ze strony www.nurt.pl

Jak pewnie większość informatyków przyzna jest w tym trochę racji.

Dlaczego tak jest?
W mniejszych projektach problemy tego typu nie występują jednak przy dużych owszem. Moim zdaniem cały problem polega na braku specyfikacji, albo bardzo ogólnej specyfikacji, która niewiele mówi programistom oraz klientom. Myślę, że problemy tego typu występują nie tylko w małych firmach, ale także duże firmy stają przed takim problemem.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 4.0/5 (5 votes cast)

Testowanie stron WWW w różnych przeglądarkach

Testowanie jest jednym z ważniejszych procesów w wielu dziedzinach i tak też jest w projektowaniu witryn www. Dziś poruszę kwestię testowania stron www w różnych przeglądarkach przed jej oficjalnym uruchomieniem.

O ile zainstalowanie jednej wersji FF, IE, Opery nie sprawia problemu o tyle instalacja różnych ich wersji czy skorzystanie z przeglądarek Linuxowych, Macowych może być wręcz niemożliwe.

Jak testować stronę w różnych przeglądarkach?
Standardowo strony testuję pod FF, IE6, IE7, Opera. Na komputerze mam zainstalowane FF, Operę, IE7. Do testowania strony w pozostałych wersjach IE od 5 do 8 wykorzystuję IE tester http://www.my-debugbar.com/wiki/IETester/HomePage. To są dla mnie najważniejsze wyszukiwarki do których dostosowuję witryny.
W poprzedniej firmie zanim zacząłem korzystać z IE Tester miałem zainstalowaną wirtualną maszynę co pozwalało mi testować stronę w IE6.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 5.0/5 (14 votes cast)

Wszelkie prawa zastrzeżone. Zabrania się wykorzystywania jakichkolwiek treści bez zgody autora.

Sławek Gdak Specjalista ds. seo
Jeśli potrzebujesz mojej pomocy, masz jakiekolwiek pytanie wypełnij poniższy formularz.

Wyrażam zgodę na przetwarzanie danych osobowych przez firmę GDAQ.PL Multimedia Sławomir Gdak. Zgoda może zostać anulowana w dowolnym momencie. Szczegółowe informacje dotyczące danych osobowych są umieszczone na stronie <a href="https://gdaq.pl/polityka-prywatnosci/" target="_blank">polityki prywatności</a>.