Blog firmy Poliman

Tworzymy portale, strony internetowe, gry i aplikacje. Projektujemy, programujemy, obsługujemy i inspirujemy.

Browsing Category:

Projektowanie stron

Dobra nawigacja na stronie? Pomocne SEO i UX

Dlaczego tak ważne okazuje się User Experience w pozyskaniu klienta? I co ma do SEO? Postaramy się pokrótce przybliżyć i wyjaśnić jak uzupełniają się oba te terminy.

 

UX to termin określający całość wrażeń, całokształt obrazu powstałego w umyśle użytkownika po serii zachodzących interakcji z komputerem, czy odwiedzanym serwisem. To zadania dotyczące projektowanie stron, produktów, tak by były one jak najbardziej przyjazne i użyteczne odwiedzającemu witrynę. UX designerzy by osiągnąć swoje cele stosują zwykle politykę projektowania zorientowanego na użytkownika. Konieczne jest tu myślenie o szczegółach i o całości, a znaczy to tyle, że efekty UX -owej działalności sięgają dalej niż sama grafika czy projekt. Więcej na ten temat pisaliśmy tutaj.

SEO – to starania mające na celu zwiększyć widoczność naszej strony dla użytkowników. To dokładanie wszelkich wysiłków przy doborze odpowiednich słów by witryna znalazła się na szczycie w wynikach wyszukiwania. O działaniach SEO pisaliśmy tutaj.

 

Co je łączy? Odpowiemy w dalszej części artykułu…

Jest niezaprzeczalnym faktem, że obrane działania i środki wykorzystywane przez SEO pomagają w dużej mierze poprawić wyniki w wyszukiwarce Google na wybrane frazy bądź słowa kluczowe. Czasami bywa jednak tak, że mimo starań i wysiłków związanych z pozycjonowaniem i naszej wysokiej pozycji w algorytmie nasza strona notuje wysoki, zbyt wysoki współczynnik odrzuceń i mały ruch na stronie.
Przyczyn takiego stanu rzeczy można upatrywać w wielu czynnikach, na przykład:

  • złym doborze słów i fraz kluczowych
  • bądź w samej stronie, jej strukturze, wyglądzie, złej nawigacji – tutaj właśnie mamy miejsce na to co oferuje nam UX!

Musimy zatem pamiętać również, że pomocne w osiąganiu wysokiej pozycji i będące wsparciem dla działań SEO jest poprawnie skonstruowana i zaprojektowana w sposób przyjazny i użyteczny dla odwiedzającego nasz serwis.

 

Twoja witryna, kontra jej użytkownik

Każda, ale to absolutnie każda strona internetowa powinna być stworzona i prowadzona w taki sposób by odwiedzający ją mogli z łatwości odpowiedzieć sobie na trzy podstawowe pytania. Mianowicie:

  1. Gdzie na stronie jest menu nawigacyjne?
  2. Gdzie użytkownik powinien zacząć swoje działania na stronie, mowa tu o jej istotnych elementach jak podstrony?
  3. Gdzie jest wyszukiwarka na stronie?

Jak wiemy z doświadczenia odwiedzający daną stronę w przeciągu kilku pierwszych sekund decyduje, czy na niej zostanie i skorzysta z niej, czy ja opuści. Zatem istotne jest, by ułatwić użytkownikowi łatwe i sprawne poruszanie się po stronie, tak by pozostał na niej i jeszcze na nią powrócił.

 

Zastanówmy się… jak stworzyć nawigacje dla SEO i dla UX?

UX jako, że stawia przede wszystkim na przyjazną i użyteczną witrynę będzie postulować dwa zadania nawigacji na witrynie:

Nawigacja powinna pomóc użytkownikowi w określeniu gdzie aktualnie się znajduje w serwisie

Dobrze skonstruowana nawigacja powinna pomóc w odnalezieniu użytkownikowi treści i odpowiedzi, które go interesują i które sprawiły, że odwiedził nasza stronę
Działania oparte na poprawnie stworzonej nawigacji bardzo pomagają i wspierają działania z zakresu SEO. Wszystko to dlatego, że poprawnie działająca nawigacja pozwala na prawidłowa indeksację strony i na poruszanie się robotów i indeksowanie podstron.

 

Czym jest globalna nawigacja?

Menu takiej globalnej nawigacji pojawia się na każdej stronie, a w jej skład wchodzą:

  • logo, które pozwala na identyfikację marki, i budowanie jej tożsamości. Umieszczane zwykle w lewym górnym rogu, zwykle podpina się pod nie łącze do strony głównej

  • łącza do kategorii i podkategorii, są powtarzane na każdej podstronie prowadzonego przez nas serwisu, dzięki czemu roboty indeksujące witrynę, wiedzą które podstrony są najważniejsze. Dobrze jest tutaj także wykorzystać breadcumbs, czyli utworzyć ścieżkę, dzięki której odwiedzający nasza stronę widzi swoja drogę od strony głównej do miejsca, w którym jest teraz

  • podstrony logowania, pomoc, rejestracja, czyli tak zwane utilities, umieszczanie linków do logowania, koszyka jest dobrym rozwiązaniem. Użytkownik ma do nich łatwy dostęp

  • wyszukiwarka wewnętrzna to obowiązkowy punkt na mapie budowy strony. Powinien być zaznaczony symbolem lupy lub napisem „szukaj”, musimy pamiętać,

  •  że niektórzy użytkownicy wolą szybko i bez zbędnego poruszania się po stronie wyszukać interesująca go informację

 

Tak więc co łączy SEO i UX?

Chęć zadowolenia. SEO za zadanie stawia sobie zadowolić roboty indeksujące witrynę, UX zaś użytkowników strony.

 


Mamy nadzieje, że ten krótki tekst sprawił, że zrozumieliście czym jest UX i SEO, jak można je razem wykorzystać, by osiągnąć realny sukces w prowadzeniu strony i zaangażowaniu użytkowników.


 

User Experience i User Interface dwa popularne ostatnio zwroty…ale co to takiego?

 

Ostatnio to bardzo modne i często poruszane tematy, jednak nie każdy wie o co do końca chodzi w tym całym UX i UI. Razem rozszyfrujemy czym właściwie są te tajemnicze zwroty. W tym wpisie zwrócimy uwagę na UX.

Nie ma nic dziwnego w tym, że ciężko Ci określić czym jest UX, bo jest to dziedzina młoda, ale jednocześnie prężnie rozwijająca się.
Warto zatem zagłębić się w ten temat bo jeszcze nie raz o tym usłyszymy.

Pewnie doskonale wiesz, że podczas projektowania strony www należy pamiętać o umożliwieniu łatwego poruszania się użytkownika po stronie. Wiadomo, że w przypadku stron wizytówek sprawa jest prosta (chodź nie zawsze) ale w kwestii dużych portali i aplikacji bez tego się nie obejdziemy!

Ale jak dokładnie wygląda praca projektanta UX? Czym on się zajmuje? I co właściwie kryje się pod skrótem UX? Odpowiedzi na te pytania znajdziesz poniżej.

UX to skrót od słów User Experience. Jest to termin, który opisuje satysfakcję użytkownika, którą czerpie z interakcji z produktem.

Jeżeli te doświadczenia są przyjemne, a użytkownik może sprawnie poruszać się po witrynie mamy do czynienia z zadowolonym klientem, co daje nam niemal stuprocentową pewność jego kolejnej wizyty na naszej stronie.

Jeśli nasza strona nie spełnia jego wymogów, przede wszystkim nie jest użyteczna i nie oferuje odpowiedzi na nurtujące go pytania, to u naszego usera może pojawić się frustracja i decyzja o wyjściu ze strony, nie dająca cienia szansy na ponowne odwiedziny.

Można na tej podstawie stwierdzić, że UX to myślenie z punktu widzenia użytkownika.

Każda interakcja może być odebrana jednak subiektywnie. To tak, jak w wypadku miłośników soku pomidorowego. Są ci, którzy go uwielbiają i ci którzy go nie znoszą. Obydwa odczucia są prawdziwe, dlatego tak samo w przypadku projektów, specjaliści odnoszą się do praktyk które uznaje się za najlepsze, więc pewnie wybraliby sok pomarańczowy!

Co to jest projektowanie UX i z jakich etapów się składa?

  • koordynacja tego co podlega kontroli
  • rozpoznanie tego na co nie ma się wpływu
  • zredukowanie tego co dostarcza negatywnych doświadczeń

To prowadzi do myślenia zarówno o szczegółach jak i o całości. User Experience Designer nie ogranicza się jedynie do tworzenia użyteczności, projektu graficznego, czy komunikatów zwrotnych. W jego gestii leżą także inne obszary.

Co jeszcze wchodzi obszar zainteresowań UX?

  • architektura informacji
  • strategia informacji
  • użyteczność
  • dostępność
  • projekt wizualny
  • projekt graficzny
  • technologie informacyjne

Zastanawiasz się czym zajmują się projektanci UX? Odpowiadamy.

Przede wszystkim pracują nad:

  • strategią produktową
  • modelami użytkownika
  • jego potrzebami
  • prototypami, np. aplikacji i systemów
  • testowaniem rozwiązań które mają być wykorzystane, np. w aplikacji czy systemie

Projektanci UX to projektanci, a może nawet bardziej kreatorzy rozwiązań, którzy powinni być jednocześnie:

  • badaczami
  • analitykami
  • designerami
  • technologami

Co jest najważniejsze dla projektanta UX?

  • Przede wszystkim Użytkownik – tu nie obejdzie się bez badań i poznania użytkowników
  • Kontekst użycia – w jakich okolicznościach, sytuacjach jest używany produkt (projektowanie sytuacji)
  • Treść – często kończy się ograniczaniem treści

Z czym powinno Ci się kojarzyć określenie UX?

  • praca koncepcyjna
  • praca analityczna
  • praca nad dostosowaniem produktu do użytkownika

 


Teraz mam nadzieje, że wiesz czym jest UX i co robi osoba zajmująca się tym.
Jeżeli ten artykuł okazał się pomocny zostaw komentarz!


 

Zobacz nasza propozycje CZTERECH DARMOWYCH NARZĘDZI DO TWORZENIA SZKICÓW. Sprawdziliśmy je osobiście.

Gdy już wiesz jak ważne by osiągnąć sukces jest planowanie swoich projektów (o czym pisaliśmy tutaj), czas zabrać się do roboty.

 

Z powodzeniem  możesz zabrać się za to na własną rękę, ale tylko jeśli:

  • wiesz czego chcesz
  • chcesz zaoszczędzić czas
  • masz konkretny pomysł i własną wizję
  • chcesz sam zająć się projektem

Natomiast nie do końca wiesz jak to wszystko złożyć w całość.

 

Zastanówmy się jakie narzędzie wybrać

Specjalnie dla was zebraliśmy kilka darmowych propozycji, które pomogą w tworzeniu szkicu. Nasze propozycje z pewnością przyśpieszą i ułatwią proces kreatywnego tworzenia wireframingu.

 

Przelewając pomysł na przysłowiowy papier gwarantujemy Ci, że:

  • dostaniesz przy jego wycenach konkretne oferty cenowe
  • skrócisz czas wyceny i rozmów na temat projektu
  • zyskasz na profesjonalizmie
  • podejmiesz trafniejsze decyzje,- nad wieloma sprawami będziesz mógł się zastanowić nie będąc pod presją czasu
  • zweryfikujesz jak Twoje pomysły wpisują się w rzeczywistość

 

Pomyślisz pewnie: Kartka i ołówek nie wystarczą?

Dla wielu doświadczonych osób z branży to wystarcza, ale jeżeli nie masz doświadczenia w projektowaniu program bardzo Ci pomoże, gdyż zawiera gotowe, najczęściej używane w projektach elementy.

 

Oto lista darmowych narzędzi które zostały przeznaczone do tworzenia szkiców:

 

Cacoo

Wystarczy się zarejestrować podając adres mailowy, na który przychodzi link aktywacyjny. Kolejnym  krokiem jest podanie: imienia i hasła. Et voila! Gotowe! No prawie… Musimy przełączyć się z zakładki „Pierwsze kroki” na „Diagramy” i kliknąć „Utwórz nowy”, wtedy pojawią się szablony pod komputery i aplikacje mobilne. (Po lewej stronie tego okna jest dużo więcej domyślnych elementów do wyboru, takich jak, np. kartki świąteczne.) Należy wybrać to, co nas interesuje i kliknąć „Select”. Narzędzie posiada dużo funkcji, a pliki za darmo można zapisać w png, co w zupełności wystarczy. Uwaga, jest ograniczenie w Cacoo do 25 projektów.

 

Cacoo

 

 

Gliffy

Przyjemniejszy dla oka niż poprzednik, ale przy pierwszym użyciu troszkę mniej wygodny. Do tworzenia szkicu nie jest potrzebne konto ale już do jego eksportu do png lub jpg tak. Należy podać imię, nazwisko, e-mail, hasło, ale nic nie trzeba potwierdzać, po rejestracji plik jest zapisywany na dysku komputera.

 

Giffy

 

Lumzy 

Wszystkie elementy zachowane w jednym stylu, który nie wszystkim może odpowiadać. Plusem jest to, iż narzędzie jest całkowicie darmowe, nie trzeba się logować czy rejestrować aby zapisać plik, jedynie co jakiś czas wyskakuje powiadomienie, które można wyłączyć i pracować dalej.

 

lumzy

 

MockFlow 

Rozbudowane i dopracowane graficznie. Za darmo możemy utworzyć tylko jeden projekt, ale za to jaki! Wybieramy projekt i określamy czego będzie dotyczyć. Tworzymy i dostajemy gotowy szablon do przerobienia. Bardzo duży wybór ładnych elementów, możliwość eksportu do pdf, a do rejestracji (na samym początku) należy podać imię, maila i hasło, nie trzeba potwierdzać konta.

 

MockFlow

 

Oczywiście szkice można tworzyć też w programach:

  • Adobe Illustrator
  • Adobe Photoshop
  • w programach takich jak Pencil

 

Z Adobe korzystamy my podczas tworzenia, ale jest to opcja dla zaawansowanych.

 

Tak wygląda przykładowy wireframe:

 

 

glowna

 

 

Dzięki tym programom w łatwy i szybki sposób zobrazujesz to co chcesz aby grafik lub agencja dla Ciebie wykonała. Proponowane przez nas programy możesz wykorzystać także w inny sposób np. do zaprojektowania:

 

  • prostej ulotki
  • ogłoszenia
  • grafiki do Twojej prezentacji

 


Podziel się z nami jak wykorzystałeś proponowane narzędzia. Zostaw komentarz jeżeli narzędzia okazały się pomocne! A jeśli stworzyłeś jakiś szkic, pochwal się, jesteśmy ciekawi dokonań naszych czytelników 🙂


 

Jeśli jesteś zainteresowany stworzeniem szkicu Twojej aplikacji czy portalu … czytaj dalej

 

Firma POLIMAN tworzy profesjonalne szkice oraz specyfikacje rozbudowanych portali i aplikacji. Jeżeli Twój projekt wymaga fachowego oka, skontaktuj się z nami info@poliman.pl, pomożemy!