OnePX

Skłodowskiej - Curie 37

85-733, Bydgoszcz

OnePX

Krok 1 - Zdefiniowanie wymagań dla nowej strony internetowej

Zespół projektowy wraz z właścicielem witryny wyjaśnia wymagania dotyczące nowego zasobu internetowego. Oczekiwania właściciela powinny uwzględniać oczekiwania potencjalnego użytkownika usługi. Musisz spojrzeć na utworzony projekt z punktu widzenia osoby odwiedzającej stronę i spróbować odpowiedzieć na następujące pytania:

• dlaczego taki użytkownik odwiedziłby naszą stronę,

• jakie informacje na nim znajdzie,

• jak może wykorzystać te informacje?

Na tym etapie musimy zrozumieć, do kogo adresowana będzie strona, tak aby zobaczyć kolejnego użytkownika witryny przed nami podczas kolejnych etapów jej tworzenia.

Konieczne jest również sporządzenie specyfikacji wszystkich rozwiązań technicznych niezbędnych do osiągnięcia celu. Na przykład należy obliczyć oczekiwaną liczbę użytkowników odwiedzających stronę internetową, aby w zależności od tej liczby można było zaoferować odpowiednie rozwiązania serwerowe w celu zapewnienia niezbędnej wydajności witryny.

Krok 2 - Określenie zawartości strony internetowej

Na tym etapie powinieneś określić, jaki rodzaj informacji będzie na stronie i w jakiej ilości. Powinieneś także zdecydować, które działy witryny będą edytowalne, a które będą zawierać niezmienione informacje.

• teksty

• materiały graficzne

• zdjęcia

• pobierz elementy (.pdf, .doc, .xls, .ppt ...)

• pliki wideo (.mov, .flv, .wmv, .avi, .ogg, youtube)

Powyższe materiały należy podzielić na odpowiednie kategorie, a plikom należy nadać nazwy odpowiadające ich zawartości. Jakość i logiczne rozdzielenie materiałów znacząco wpływa na czas uruchomienia usługi. Jeśli materiały, które powinny znajdować się na stronie internetowej, są poprawnie posortowane, to w następnym kroku (krok 3) znacznie łatwiej będzie ustalić logiczne działy.

Oddzielenie materiałów wpływa również na ruch generowany przez usługę. Jeśli na stronie zostaną umieszczone duże pliki graficzne lub filmy, wówczas dla tej strony konieczne będzie zapewnienie innych rozwiązań hostingowych, które różnią się od rozwiązań przeznaczonych dla witryn zawierających małe teksty i tylko kilka zdjęć.

Krok 3 - Projektowanie logicznej struktury treści

Logiczna struktura treści to schemat, który pomaga nam umieszczać informacje w taki sposób, aby były czytelne dla potencjalnego użytkownika strony internetowej. Właściciel witryny musi zdecydować o priorytetach swoich sekcji. Jeśli najważniejszą rzeczą na stronie powinien być katalog produktów lub dział przetargu, należy to zaznaczyć.

Projekt struktury logicznej przedstawia także ścieżki, którymi użytkownik witryny może podążać. Projekt reprezentuje tylko główne ścieżki, ale to oczywiście nie wyklucza możliwości poruszania się po treści witryny za pomocą linków określonych w jej treści, a także znalezienia niezbędnych informacji za pomocą wyszukiwarki witryny.

Krok 4 - Projektowanie systemu logicznego witryny

Projekt systemu logicznego strony internetowej polega na przeniesieniu struktury treści (krok 3) do określonych elementów strony internetowej. W zależności od priorytetów określonych w poprzednim kroku i wagi poszczególnych elementów powinny one zajmować odpowiednią przestrzeń w logicznym systemie witryny.

Konieczne jest znalezienie odpowiedniego miejsca na oznaczenia instytucji i organizacji ( logo ), umieszczenie istniejącej zawartości, zapewnienie miejsca dla treści, które pojawią się w przyszłości, i pamiętaj o pozostawieniu wolnego miejsca, aby strona internetowa mogła „oddychać”.

Możesz także zdefiniować tak zwane punkty początkowe , czyli od 3 do 5 najważniejszych rzeczy, dla których użytkownicy odwiedzą naszą stronę internetową i zaprezentują te rzeczy w sposób graficzny.

Projekt systemu logicznego witryny jest przygotowany w odcieniach szarości , co pomaga w analizie umiejscowienia i zajętej przestrzeni elementów strony. W tym momencie kolor tła lub czcionki nie ma znaczenia. Przygotowujemy tylko odpowiednie miejsce na treść. 

Sztywny schemat blokowy przestrzeni nie jest konieczny do późniejszego zaprojektowania strony, na której mogą pojawić się krzywe i gradienty, wyrównując wrażenie struktury kolumnowej systemu.

Powinieneś zwrócić uwagę na te miejsca projektu, w których będą przechowywane treści dodane w przyszłości. Projekt powinien być „rozciągliwy”, a w zależności od ilości treści witryny będzie dłuższy, rzadziej - szerszy.

Krok 5 - Tworzenie projektu graficznego

Aby stworzyć projekt graficzny, projektant musi zapoznać się z systemem identyfikacji wizualnej firmy lub, w przypadku jego braku, wraz z właścicielem strony internetowej wybrać kolory, czcionki i inne elementy graficzne (zdjęcia, ikony) odpowiednie dla danej witryny.

Ponadto ustalone określone elementy graficzne są nakładane na logiczny projekt systemu witryny (krok 4).

Zwykle witryna powinna mieć od 2 do 3 kolorów podstawowych . Te kolory pojawiają się w nagłówkach, elementach menu, linkach w tekście, elementach nawigacyjnych. Inne kolory mogą pojawiać się na zdjęciach lub ikonach, jednak nie powinny zagłuszać innych elementów strony.

Krok 6 - Opublikuj treść

Gotowy projekt jest „cięty” na mniejsze elementy, dzięki czemu każda ikona lub baner jest osobnym plikiem graficznym. Pliki te są następnie łączone w funkcjonalną stronę internetową (HTML). Teksty tymczasowe są zastępowane trwałymi informacjami, które powinny znajdować się na stronie.

Na tym etapie witryna jest hostowana na lokalnym serwerze programistycznym, gdzie można zobaczyć, jak co godzinę pojawia się w niej coraz więcej treści. W zależności od pojemności strony i jakości umieszczanych materiałów proces ten może potrwać dłużej lub krócej. Gdy strona będzie już mieć odpowiednią ilość materiałów, możesz przenieść ją na stały serwer i pokazać całemu światu.