Blog firmy Poliman

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

Browsing Category:

Projektowanie stron

Chcesz zarabiać dzięki własnej stronie?? Nie przegap tego wpisu.

Miałeś pomysł, zrealizowałeś go, a mimo to efektów brak. Zastanawiasz się gdzie popełniłeś błąd? W czym tkwi problem?

 

Podpowiem Ci gdzie najczęściej pies jest pogrzebany. Nie chcesz przecież marnować:

  • czasu
  • pieniędzy

na kolejną inwestycję zakończoną fiaskiem.

Działając razem na pewno nam się uda.

 

Wygląd strony, dlaczego jest tak ważny?

Wygląd strony tak samo jak jej sprawne i efektywne działanie odgrywa kluczową rolę, szczególnie gdy Twoja strona ma przynosić Ci wymierne zyski.

 

Jak wiemy z historii wiele dobrych pomysłów kończy się niepowodzeniem. Dzieje się tak z jednej prostej przyczyny: złe planowanie lub jego brak.

To że masz wizję tego, jak ma wyglądać strona to nie oznacza, że ją zaplanowałeś. Wizję musisz przelać na papier: Ty, grafik lub agencja.

Taki szkic nazywany jest fachowo website wireframe.

 

Dlaczego wireframing jest taki ważny?

Dzięki niemu jesteś w stanie:

 

  1. odseparować konieczne oraz zbędne funkcjonalności Twojej strony
  2. określić jakie elementy są najważniejsze
  3. przeobrazić wyobrażenia w namacalny projekt
  4. zaplanować przyjazne dla użytkowników poruszanie się po stronie
  5. zaplanować przyjemną dla oka szatę graficzną
  6. uwzględnić wymagania prawne
  7. porównać swój plan biznesowy z realnym projektem
  8. upewnić się czy wszystkie wymagania biznesowe zostały uwzględnione
  9. zaplanowac czas i koszt planowanej inwestycji

 

Oczywiście dobry projekt to nie wszystko.

 

Na powodzenie Twojej inwestycji składa się wiele różnych czynników takich jak:

  • obrany model promocji
  • dobór środków
  • trafne określenie grupy docelowej
  • jakość produktu i potrzeba jaką on zaspokaja
  • konkurencja
  • model sprzedażowy

 

Zadaj sobie pytanie: Co mi po świetnym biznesplanie uwzględniającym doskonałą promocję, świetny, konkurencyjny produkt oraz atrakcyjne pakiety, skoro mój klient napotyka się na problem na stronie lub nie może znaleźć interesujących go informacji? Albo jeszcze co gorsze, zakup przez stronę jest utrudniony.

 

Jeśli zdałeś sobie sprawę z tych wszystkich spraw i widzisz pewne mankamenty, to znaczy, że jesteś na dobrej drodze do sukcesu.

Ważne jest to by umieć krytycznie spojrzeć na swój projekt i wyciągnąć odpowiednie, konstruktywne wnioski. Istnieje więc szansa, że nie pójdą na marne wszystkie Twoje działania.

 

Planowanie, jak się do tego zabrać?

Budowanie strony, portalu, serwisu czy aplikacji , czyli tworzenie wireframingu to proces którego nie należy pomijać ani traktować pobłażliwie. Można powiedzieć, że jest to najważniejszy moment, od którego zależy przyszłość i powodzenie projektu.

Mam nadzieję, że teraz już nie popadniesz w pułapkę pośpiechu i za każdym razem poważnie podchodząc do tematu oszczędzisz i swój czas i pieniądze dokładnie analizując każdy szkic.

Planowanie, analiza i rzetelne spojrzenie na realizowana inwestycje, to wszystko razem stanowi klucz do sukcesu. Już widzisz jakie to ważne?

 


Jeżeli nie wiesz jak się zabrać za stworzenie takiego szkicu lub masz jakieś pytania, napisz do nas lub zostaw komentarz a na pewno odpowiemy!


 

Tworzenie portali internetowych i portali społecznościowych

 

Tworzenie rozbudowanych portali internetowych wymaga wiedzy specjalistów z wielu branż, aby doprowadzić projekt od początku do końca trzeba dysponować nie małym zespołem aby wszystko szło sprawnie.

 

Portale z założenia miały być wrotami do internetu, czyli stroną startową w przeglądarce jak wyczytamy w Wikipedii, ale podziały pozostawmy na inny wpis, teraz zajmiemy się realizacją.

 

Portal portalowi nie równy

 

Są jeszcze portale społecznościowe, które są jeszcze cięższym orzechem do zgryzienia, bo nie dość że wymagają ogromu prac, testów i planowania to czeka je kolejna przeprawa, docieranie do określonej społeczności. Aby użytkownicy chętnie korzystali z portalu powinien on skupić się na ich wygodzie, co w głównej mierze będzie zależne od User Interface oraz User Experience, a właściwie od połączenia tych dwóch elementów.

 

Jak wygląda przebieg tworzenia portalu internetowego?

 

Konieczne są przygotowania, a więc zdefiniowanie grupy docelowej, analiza potrzeb i celi użytkowników do których zostanie skierowany portal oraz analiza dostępnych statystyk i ich wykorzystanie w projekcie. Należy również przewidzieć jakie treści znajdą się na portalu i jak rozmieścić je w taki sposób aby wyszukiwanie informacji było dla użytkownika jak najszybsze. Co prawda większość użytkowników zakłada że im mniej tym lepiej ale nie może zabraknąć podstawowych informacji.

Nie należy zapomnieć w tym wszystkim o analizie tego co już jest, czyli o konkurencji oraz jej mocnych i słabych stronach.

 

To wszystko to działka usability, czyli analiza użyteczności portalu.

 

Po etapach planowania można przejść do wyboru formy graficznej i określenia formy interakcji, która będzie najlepiej dopasowana do odbiorców. Należy również przemyśleć działanie instrukcji, która powinna w intuicyjny sposób poprowadzić użytkownika po portalu.

 

Wireframe

 

Sprawą której nie można bagatelizować jest projektowanie przepływu użytkowników. Takie prace pozwolą na określenie jak powinien wyglądać w zarys układu portalu, a dokładny szkic jest tworzony po przemyśleniu wszystkich wcześniejszych kwestii. Następnie tworzony jest prototyp na podstawie którego jest tworzony layout, czyli projekt graficzny oraz wizualizacja. Konieczne jest również stworzenie dokładnej specyfikacji którą może poprzedzać „burza mózgów” w zespole.

Pomysły każdego członka zespołu mogą być kluczowe, dlatego należy wszystko brać pod uwagę co przyczyni się do prawidłowego i przyjemnego użytkownikom funkcjonowania portalu.

 

Mobile

 

Obecnie wersje mobilne są już niemal standardem więc nie powinno się bagatelizować tworzenia wersji dostosowanych do urządzeń mobilnych a nawet na nie przeznaczonych! Można na tym jedynie zyskać.

 

Koncepcja i Programowanie

 

Koncepcja kreatywna i spójna całościowo wizualizacja ma wiele do powiedzenia w świecie społeczności. Nie powinno się tego traktować pobieżnie. Projekty kreatywne potrzebują uwagi i odpowiedniego ich prowadzenie, należy również zadbać o prawidłową koordynację prac programistycznych, które wprowadzą projekt w życie.

 

Oczywiście na tym się nie kończy, ale taki zarys może już pokazać nad czym należy się skupić i o czym nie wolno zapomnieć przy tworzeniu rozbudowanych projektów portali internetowych.

 

 

Jak się przekonać do schowanego menu, otwieranego na całą stronę? Zobacz kilka przykładów!

Chowane menu mimo że to standard nadal musi walczyć o swoje uznanie wśród posiadaczy stron, bo dla niektórych wydaje się ono mało widoczne. Często rezygnują oni z wyglądu na rzecz tradycyjnego układu do którego starsze pokolenia zostały przyzwyczajone.

To co pomoże przekonać nie jednego zwolennika internetu sprzed kilkunastu lat, to pięknie zaprojektowane strony z wykorzystaniem funkcjonalności zgrabnie ukrytego menu, otwieranego na pół lub całą stronę. Wbrew pozorom to jest intuicyjne rozwiązanie, niestety nie wszyscy to zauważają i trzymają się sztywno starych rozwiązań.

Oczywiście istnieją przypadki w których wykorzystanie tradycyjnego układu strony z przypiętym u góry lub rozstawionym po bokach blokowym układzie menu jest uzasadnione. Tak się dzieje gdy:

a. Strona posiada duże ilości treści

b. Strona internetowa jest bardzo rozbudowana

c. Nie skupiamy się na elemencie wizualnym strony

 

Poniżej zamieszczam obiecane przykłady:

risotteriamelottinyc

 

risotteriamelottinyc.com to dobry przykład jak rozbudowaną stronę przedstawić w proty sposób. Na pierwszy rzut oka widzimy tylko garstkę informacji. Cała reszta została ukryta w rozwijanym menu. Czcionki nawiązują do włoskiego charakteru restauracji, swoją robotę zrobiły śliczne zdjęcia przeplatane na przemian z tekstem. Czcionka nie jest czarna a mimo to jest czytelna. Całość utrzymano w kolorach sepii i pasteli, tworząc ciepły i przyjemny klimat.

 

riad11

 

riad11.net w której menu znajdujące się po lewej stronie otwiera się na całą stronę uzupełniając poszczególne zakładki prostymi grafikami. Czerń i biel pasuje do stron w których występuje wiele kolorów poprzez umieszczony na stronie głównej film. Świetne i niestandardowe rozwiązanie nawigacyjne strony niewielkiego hotelu.

 

psd2html

 

psd2html.com/10-years-in-review/ Niewielkie ale również ukryte i wysuwane po kliknięciu menu to zawsze sprawdzone rozwiązanie.

 

level-barvikha

 

level-barvikha.ru/en Tą stronę i to menu, koniecznie trzeba zobaczyć. Składa się i rozkłada jak „harmonijka” co pasuje do tematyki strony i budynku którego dotyczy. Połączenie filmu i tego prostego ale zaskakującego efektu daje wrażenie że strona jest bardzo interaktywna, żywa i chce się ją przeglądać.

 

przepisynakawe

 

przepisynakawe.pl to przede wszystkim wielkie i masywne menu po otwarciu. Na pewno nie jest to minimalizm, przez ilość i różnorodność grafik i zdjęć dlatego skromniejsze menu mogłoby wyglądać zbyt ubogo i nie pasować do strony, a tak wszystko jest na swoim miejscu. Nie zawsze taka forma będzie się sprawdzać ale niewątpliwie w tym przypadku wygląda nieźle.

 

konform

 

konform.com cóż tu wicej mówić, proste, poprawne, z animacją „wjeżdżania”, nie ma się do czego przyczepić. Jak poprzednik dość masywne ale na pewno świetnie czytelne.

 

fratellipollastrelli

 

fratellipollastrelli.it to minimalizm i zdjęcia, okrojony do minimum tekst i włoski styl. To jedno z moich ulubionych przykładów rozwijanego menu. Jest delikatne, subtelne i świetnie pasuje do całości. Lekkie i intuicyjne.

 

elitemodel

 

elitemodel.co.uk To dopiero świetna gratka wśród takich rozwiązań. Strona główna nakłada się z menu, a zdjęcia odgrywają rolę najważniejszych zakładek. To rozwiązanie jest po prostu ładne. Szaro-czarno-biała kolorystyka jak widać nie musi być nudna.

 

crossclimate-michelin

 

crossclimate.michelin.co.uk to ciekawe rozmieszczenie i podświetlenie menu rozwijanego na cała stronę. Co do reszty strony, brakuje w niej konsekwencji działań i porządku ale samo menu jest niebanalne.

 

 

castadivainteriors

 

castadivainteriors.com Ta strona udowadnia jaki świetny efekt daje ładna prezentacja. Dodanie kilku prostych efektów wystarczy aby stała się atrakcyjna i była prawdziwą wizytówką firmy. Nie potrzeba wiele materiałów aby zbudować taką stronę. W niej liczy się jakość a nie ilość przez co jest treściwa i przyjemna dla oka. Menu mimo że czcionka ogromna to delikatny kolor szary ratuje wszystko.

 

alessandradetomaso

 

alessandradetomaso.com to świetne przejścia, prezentacja, zdjęcia, menu, brawo.

Tym przykładem zamykam naszą listę ale stron z takim menu jest dużo dużo więcej. Mam nadzieję, że choć trochę przekonaliśmy was do świeżego i fajnego podejścia do tworzenia stron.

 

Nie stroncie od pomysłów agencji jeżeli proponują nowatorskie według was rozwiązania, na prawdę wiedzą co robią. Pilnujcie tylko aby to pasowało do waszej branży i aby wasza nowa strona wybijała się spośród stron konkurencji. W niektórych segmentach to to przesądza o zdobyciu klienta.

Świeże podejście do stron www nie zaszkodzi nigdy, może jedynie pomóc.

 

Jeżeli szukasz więcej inspiracji dotyczących stron www odwiedź koniecznie nasz profil Fajne Strony na Facebooku.