Planowanie naszej strony powinniśmy zacząć w naszym osobistym komputerze - mózgu. Przyda się także kartka papieru, ołówek lub nieco bardziej zaawansowane oprogramowanie które służy do takiego prototypowania.
Zamiast korzystać z karki do planowania możemy skorzystać z odpowiednich programów. Z darmowych najbardziej popularnym jest Pencil Project, natomiast z płatnych najlepszym
w swojej dziedzinie jest Axure którego możemy przetestować w wersji trial.
W praktyce Pencil nadaje się do prototypowania tylko dość małych projektów. Został napisany w Javie, przez co przy większych projektach może zamulić nawet porządny komputer.
My do naszej przyszłej pracy skorzystamy z tego drugiego programu.
Na samym początku stworzymy bardzo proste planowanie rozmieszczenia elementów na stronie czyli "low-fidelity". Nie zwracamy uwagi na poszczególne przyciski, pola logowania. Są to raczej "strefy" gdzie dane sekcje naszej strony będą się znajdowały (np nawigacja będzie tutaj, panel logowanie w tym miejscu, a stopka z kolei znajdzie się na dole...). Następnie nasz prosty szkielet przekształcimy w bardziej zaawansowany prototyp czyli "medium fidelity". Do naszych stref dodamy już bardziej szczegółowe elementy jak pola, przyciski, linki, trochę lorem ipsum itp. Przykładów tego etapu możecie znaleźć w internecie od liku - chociażby tutaj. Na sam koniec nadamy naszej stronie wygląd graficzny. Proste prawda? Dlatego właśnie nie opłaca się pomijać tych kroków :)
Przyszła pora na bardziej techniczne pytania.
Z jakich technologii skorzystamy? Oczywiście z najnowszych. Stop! Nie zawsze będzie to najlepszym wyborem.
W przypadku np stron dla szkół czy starszych osób stosowanie najnowszych rozwiązań nie zawsze ma sens. Pamiętać należy
że niektóre grupy użytkowników nie mają najnowszych przeglądarek i bardzo niechętnie dokonują aktualizacji (zupełnie o takiej możliwości nie wiedząc!),
przez co stosowanie super nowoczesnych technik więcej nam zaszkodzi niż pomoże. Warto zbadać dany "teren" przed podjęciem takich decyzji.
Nasza strona będzie na szczęście przeznaczona dla nowoczesnych ludzi którzy lubią nowinki. Zastosujemy więc HTML5, CSS3 i popularną ostatnio jQuery.
Jaką szerokość powinna mieć nasza strona? Najlepiej skorzystać z któregoś z przeznaczonych do tego celu siatek (gridów), które definiują najpopularniejsze szerokości. Najczęściej używanymi siatkami w chwili obecnej są 960 oraz 1140. W chwili gdy piszę te słowa, wciąż dominującą jest ta pierwsza, chociaż z miesiąca na miesiąc szerokość stron się zwiększa. Którą z nich wybierzemy w chwili obecnej zależy właściwie tylko od nas samych oraz oczywiście od grupy w którą celujemy :) Pamiętajcie że lepiej jeżeli coś będzie nieco większe i czytelne, niż ledwo dostrzegalne.