Narzędzia

<blog/>

o CSS, Usability, UX, Web Design, JavaScript... konkretnie


Nie daj się zwieść pozorom czyli jak dobre praktyki projektowe pozwalają uniknąć błędów i frustracji.

Ile razy zdarzyło Ci się korzystać z serwisu internetowego, którego ergonomia, jakość wykonania czy też interakcja z użytkownikiem przyprawiała Cię co najmniej o ból zębów? To jest oczywiście pytanie retoryczne, bo doskonale zdaję sobie sprawę z faktu, że idealna sytuacja, w której zarówno doskonała warstwa wizualna (szata graficzna) oraz kod strony idą ze sobą w parze nie jest zjawiskiem częstym. Ale z czego to wynika? Czy może z braku wiedzy, doświadczenia wykonawców,  braku technicznych umiejętności albo zwykłego niechlujstwa ? A może istnieją jakieś inne tajemnicze przesłanki, które decydują o finalnym produkcie jakim jest serwis internetowy?

Metody wizualizacji treści na stronach www

Pracując nad interfejsem strony internetowej często zastanawiamy się w jaki sposób zwiększyć nie tylko jego atrakcyjność, czytelność czy przejrzystość. Niepodważalnie ważną rolę w komunikacji między użytkownikiem serwisu (często klientem) odgrywa interaktywność i sposób pokazania treści.

Specjaliści od pozycjonowania (SEO) nie mylą się powtarzając, że content is the king. Unikalna zawartość serwisu to jeden z podstawowych kryteriów oceny jakości strony przez Google. Dobrze zoptymalizowana (odpowiednie użycie tagów H, wewnętrzne linkowanie, stosowanie atrybutów title w linkach, dobrze opisane Page Title itp.) oraz często aktualizowana treść (nie rzadziej niż raz w miesiącu) znacznie pomoże wypromować stronę wysoko w naturalnych wynikach wyszukiwania (SERP – Search Engine Results Page).

Wszyscy kochamy video

Przyznajmy się do pewnego podstawowego faktu: jako odbiorcy informacji jesteśmy mało wnikliwi, a przedstawione dane oceniamy bardzo szybko, wręcz powierzchownie. Nic dziwnego, zalewają nas potężne ilości informacji i konieczne jest filtrowanie tego co nie jest „godne” naszej uwagi, zbędne, trudne do przyswojenia. Pierwszym i najważniejszym kryterium selekcji są bodźce wzrokowe. Lubimy informacje krótkie, treściwe, wzbogacone formą graficzną, wyróżniające się czymś…. właśnie “czymś”, a nie koniecznie chodzi tutaj o merytoryczny poziom informacji, ale o jej przyswajalność. Większość z nas to tzw. „wzrokowcy”, czyli do zapamiętywania używający w bardzo dużym stopniu pamięci fotograficznej, co dodatkowo potęguje rolę warstwy wizualnej w nowoczesnej komunikacji.

7 praktycznych wskazówek dot. testowania stron i aplikacji internetowych

„Chociażbym chodził ciemną doliną,
złego klienta się nie ulęknę,
bo Ty jesteś ze mną.
Twoja bystrość i Twoja intuicja
są tym, co mnie pociesza.”

Project Managerowie o Testerach Ps. 23 Wielkiej Księgi Merix

Testowanie jest to przede wszystkim proces mający na celu ocenę jakościową projektu, wskazać ewentualne poprawki oraz określić stronę/aplikację z perspektywy UX (User Experience)  w tym User Usability. Kierunek projektu zostaje opracowany przy tworzeniu specyfikacji natomiast testowanie koryguje ten kierunek nadając mu odpowiedni, bardziej efektywny kształt.

Jakie są podstawowe cele testowania?

  • Ogólna ocena jakościowa projektu
  • Poprzez testowanie sprawdza się projekt w poszukiwaniu błędów programisty oraz dawania propozycji rozwiązań do poprawy tych błędów.
  • Poprzez testowanie sprawdza się projekt w poszukiwaniu zmian, które poprawiają działanie aplikacji. Duże znaczenie ma tutaj sprawdzenie strony pod kątem użyteczności i User Experience.

Strona internetowa za 199 zł? Takie rzeczy to tylko w akademiku ;)

Nowe agencje interaktywne powstają w Polsce z dnia na dzień, jak grzyby po deszczu. Wachlarz oferowanych przez nie usług zaczyna się na A a kończy na Z. Ale ile z tych agencji jest agencjami? Tego nie wiem, ale wiem, że nie wszystkie firmy, które używają tej nazwy używają jej poprawnie. To, że ktoś zajmuje się tworzeniem stron internetowych  to jeszcze nic nie znaczy – niejeden licealista zrobi stronę czy nawet cały serwis a agencją nie jest.

Ale czym tak naprawdę jest agencja interaktywna? Czym się zajmuje? Kogo zatrudnia?

Według Wikipedii agencja interaktywna to :

Praktycznie o Usability

Mało komu w branży IT, ze szczególnym uwzględnieniem web designu, trzeba przedstawiać pojęcie „Usability” (ang. Użyteczność / używalność). W szerokim rozumieniu można zdefiniować je jako dziedzinę wiedzy traktującą o kunszcie tworzenia aplikacji internetowych i innych publikacji (w tym także serwisów www) w taki sposób, aby ich obsługa była intuicyjna i łatwa w nauce. Logicznym jest, że nieustający rozwój technologii internetowych i nastawienie na coraz szerszą publikę z roku na rok coraz bardziej zmuszają nas do wykorzystywania wiedzy w tej dziedzinie przy każdym projekcie internetowym.

Wireframe to nie Kaplica Sykstyńska

Wireframe to szkielet, szkic projektu strony lub aplikacji internetowej. Jego głównym celem jest zobrazowanie funkcjonalności, użyteczności i rozkładu elementów na layoucie, przedstawienie klientowi lub współpracownikom naszego pomysłu, idei.

Możemy pomyśleć – mam zespół najlepszych programistów, więc nie będę tracił czasu na makiety – opowiem im o co mi chodzi a oni zrobią resztę; albo – klient opowiedział mi o swoim pomyśle, wiem o co chodzi więc zaczynam przygotowywać design. Ale czy aby na pewno wiemy o co chodzi klientowi? Nie ma nic bardziej błędnego niż takie podejście. Zbyt szybkie rozpoczęcie kodowania lub prac graficznych może przysporzyć nam tylko strat, zarówno czasu i pieniędzy.

Sklep internetowy (prawie) bezobsługowy

Prowadzenie działalności e-commerce niesie za sobą konieczność podejmowania wielu działań związanych z administracją, realizacją zamówień czy obsługą klienta. Urok prowadzenia handlu internetowego polega na możliwości korzystania z coraz to nowszych rozwiązań automatyzacji. Modułowa budowa szablonowych rozwiązań e-commerce pozwala na stworzenie systemu, które w bardzo dużym stopniu wykorzystuje potencjał narzędzi informatycznych i automatyzuje wiele procesów. Można posunąć się do stwierdzenia, że sklep uzbrojony w integracje zewnętrzne praktycznie żyje własnym życiem.

WordPress i sklep internetowy

Wśród licznych zastosowań WordPressa, jednym z najmniej rozpowszechnionych jest sklep internetowy. A po co stawiać sklep na WP, jeśli jest Magento i inne aplikacje specjalnie do tego stworzone? – można zapytać. Cóż sytuacji, z których nas wybawi rozwiązanie opisywane w niniejszym artykule może być wiele, choćby taka: prowadzimy już od dłuższego czasu serwis oparty na WordPressie, nie mamy ochoty/czasu/funduszy (niepotrzebne skreślić) na to by stworzyć coś nowego od podstaw a potrzebujemy małego sklepu by sprzedawać w nim np. kilka produktów naszej firmy. Co w tej sytuacji zrobić?

Zainstalować w naszym WordPressie plugin o nazwie WP e-Commerce.

Nie tylko blogi – WordPress jako CMS

WordPress – cóż to takiego?

WordPress powstał w odpowiedzi na potrzebę stworzenia łatwej w obsłudze platformy służącej publikacji treści opartej na PHP i MySQL. Z początku przeznaczony był głównie jako oprogramowanie służące prowadzeniu blogów. Z czasem jednak, dzięki współpracy wielu programistów, którzy zafascynowali się nowym narzędziem oraz licencji GPL, na której jest udostępniany, WordPress stał się tym, czym jest obecnie – dojrzałym, rozbudowanym narzędziem o sporych możliwościach, praktycznie nieograniczonej liczbie zastosowań i banalnie łatwej obsłudze.

Mapa strony