Sposoby podejścia do przeprojektowania strony internetowej

Opublikowany: 2020-12-17

Nierzadko zdarza się, że przeprojektowanie dowolnej witryny internetowej ma miejsce co 3 do 5 lat. Na przeprojektowanie możemy spojrzeć na kilka różnych sposobów, ale w skrócie jest to „nowy wygląd”, w którym można zmienić:

  1. Tylko grafika - zawartość, strony i wszystko inne pozostaje takie samo, ale witryna wygląda teraz nowocześniej.
  2. Treść i wizualizacje - byłyby to pierwsze + zmiany treści, takie jak strony docelowe, zmiana kolejności artykułów, nowe typy danych i inne

Pierwsza z nich jest o wiele prostsza dla projektanta, ponieważ nie powinno być tak dużo treści do przygotowania. To prowadzi nas do pierwszej fazy przeprojektowania strony internetowej, oczywiście po podjęciu decyzji:

Utwórz nową zawartość lub użyj starego

Projektant musi wiedzieć, z jaką treścią będzie pracował. Na przykład - jaki byłby tytuł strony głównej, czy byłyby jakieś napisy, akapity po niej, może lista, wideo, obraz? Wszystko to jest informacją, której projektant potrzebuje, aby naprawdę coś pokazać.

I to jest pierwsza decyzja, czy zawartość istniejącej witryny pozostanie taka, jaka jest, czy nowa zostanie zapisana. Jeśli pozostanie bez zmian, wszystko, co klient (lub zespół marketingowy w tej sprawie) musi podjąć, będzie ogólnym kierunkiem.

Jeśli jednak treść ma zostać przerobiona, projektant musiałby poczekać, aż nowy tekst będzie gotowy i sfinalizowany. Jednym ze sposobów przedstawienia tego są makiety, w których są to po prostu pola z tekstem, które zamawia projektant lub byłby to prosty plik PDF z zawartością na sekcje.

Oczywiście, gdy cała witryna będzie gotowa, redakcja i zespół marketingowy będą miały swobodę pracy z treścią i dokonywania edycji. Chociaż posiadanie kopii treści z pierwszego dnia pozwoli również projektantowi na podjęcie właściwych decyzji dotyczących elementów wizualnych, które będą towarzyszyć treści. Czy to długość, ilość nagłówków, list, funkcji, multimediów i nie tylko.

Zdecyduj się na styl wizualny

Następne byłoby „Jak to powinno wyglądać?” Wydaje się, że jest to pytanie, na które projektant odpowiedziałby, ale tak nie jest. W rzeczywistości jest to pytanie, które projektant częściej zadaje klientowi.

Wizualny kierunek może być podyktowany rebrandingiem firmy, który może polegać na unowocześnieniu strony internetowej i dopasowaniu jej do określonej grupy demograficznej lub może to być po prostu nowy i zaktualizowany wygląd całej witryny. Czasami przebudowa strony internetowej, koncepcje projektanta, wszystko to mogło wprawić w ruch rebranding firmy, a nie odwrotnie. I nie zawsze mówimy tutaj o dużych korporacjach, mniejsze marki mogą również zainspirować się do zmiany opakowania, obecności w społecznościach i nie tylko dzięki pracy projektanta stron internetowych nad ich nową witryną.

Jest to również faza, w której projektanci często nazywają swoje produkty „koncepcją”. To kolejny sposób na powiedzenie, że chodzi o znalezienie odpowiedniego języka, wyglądu i / lub odczucia. W takiej fazie projekty zwykle obracają się wokół strony głównej lub głównego widoku witryny / aplikacji.

W zależności od zlecenia / zakresu może powstać wiele koncepcji. Dzięki takim koncepcjom programiści, klient, zespoły marketingowe i projektanci mogą dyskutować, który z nich jest najlepszy, jakie typy elementów dobrze ze sobą współpracują i czy wystąpią jakiekolwiek zmiany w treści lub problemy techniczne?

Etap koncepcyjny jest być może również jednym z najtrudniejszych, ponieważ to wtedy zapada większość decyzji.

Oto przykładowe pytania, na które projektant może potrzebować odpowiedzi:

  • Czy obraz byłby ciężki, czy grafika jest czysta / minimalistyczna?
  • Gdyby wykorzystywała grafikę, jaki byłby styl?
  • Jakie czcionki mają być używane
  • Czy stara kolorystyka powinna zostać zmodernizowana, czy nowa powinna zastąpić starą?
  • Jak interaktywna powinna być witryna?

W zależności od kierunku, w koncepcjach należy wziąć pod uwagę kilka rzeczy:

  • Czy pierwotny wygląd strony powinien pozostać taki sam? Mogą to być schematy kolorów, grafika, zasady typografii i nie tylko.
  • Czy zamiast tego należy wprowadzić zupełnie nowy styl? Oznaczałoby to, że jedynym ograniczeniem, jakie miałby projektant, jest treść.

Po wybraniu jednej koncepcji (co może nastąpić po wielu korektach), można rozpocząć następny etap:

Zbuduj kompozycje projektowe

Jeśli w pierwotnych krokach decyzyjnych zdecydowano, że struktura treści / witryny pozostanie taka sama, to praca projektanta jest trochę łatwiejsza. Wszystko, co muszą zrobić, to zmienić stary projekt w nową koncepcję. Oznacza to, że generalnie może po prostu przeglądać stronę po stronie i przerabiać każdy komponent, aby dostosować się do nowego wyglądu i stylu. Tutaj można zobaczyć mniejsze zmiany, takie jak przeróbka komponentów - odstępy, typografia, kolory lub większe zmiany, takie jak zmiany układu - położenie elementów, kolejność i inne.

Ważnymi elementami przeprojektowania witryny są unikalne widoki. O ile strona ma inny układ i inne komponenty, to projekt powinien być przygotowany dla zespołu programistów. Jeśli chodzi o projekt, dość łatwo jest pokazać niewielką zmianę, ponieważ wymagałoby to jedynie skopiowania i wklejenia obszaru roboczego z niewielką zmianą w kolejności / zawartości, więc jest to zdecydowanie krok, którego nie warto pomijać.

Gdy projekty są gotowe, powinny zostać ponownie sprawdzone przez projektantów i klienta, a także przez wszystkich innych zaangażowanych - marketing, sprzedaż, deweloperów. Jest to ostatni idealny krok w przypadku wszelkich większych zmian, ponieważ projekty są stosunkowo łatwe do przerobienia / zmiany w porównaniu z fazą rozwoju.

Faza rozwoju

Zwykle jest to miejsce, w którym projektanci wykonują swoją pracę i przekazują projekt zespołowi programistycznemu. Odtąd projektanci najczęściej odpowiadają na pytania, dostarczają zasoby, a czasami projektują określone stany komponentów, których brakuje w projektach.

Idealnie byłoby, gdyby zmiany projektowe nie były wprowadzane na etapie rozwoju przed uruchomieniem nowej witryny, ponieważ często powoduje to opóźnienia w dostawie lub niepotrzebny stres dla wszystkich zaangażowanych stron.

Podczas programowania zazwyczaj istnieją dwa sposoby podejścia do tego problemu:

  1. Nowa kompilacja
  2. Przeróbka istniejącej witryny

W kontekście WordPressa często nowa kompilacja polega na utworzeniu całkowicie nowego projektu, zaimportowaniu bazy danych ze starej witryny, utworzeniu zupełnie nowego motywu z czystą bazą kodu i wdrożeniu projektu od podstaw. Ponadto w tym przypadku nie byłoby starszego kodu poza możliwymi wtyczkami i integracją motywu.

Jeśli termin jest bardzo napięty, istnieją dwa sposoby na terminowe uruchomienie nowego motywu:

  1. Nie żyj, mając wszystko włączone. To najbardziej rozsądne podejście. Wymień strony o najwyższym priorytecie i opracuj tylko te. Rozpocznij z nimi transmisję na żywo, a następnie wprowadź wszelkie inne funkcje i / lub strony w ciągu kilku tygodni po premierze.
  2. Idź z szorstką wersją. Oznacza to, że powinieneś mieć zaimplementowane wszystkie strony, ale niekoniecznie edytowalne. Może nawet zaistnieć potrzeba ukrycia jednego lub dwóch elementów lub naprawienia błędów z powodu braku czasu na testowanie lub po prostu dlatego, że nie miałeś czasu na ich naprawienie.
  3. Uprość elementy interfejsu użytkownika w projekcie, które zajęłyby większość czasu programistów. Na przykład mogą to być skomplikowane menu nawigacyjne (stacjonarne i mobilne), mapy / przełączniki / wyszukiwania, suwaki lub złożone układy.

W zależności od priorytetów - terminu lub jakości - klient powinien wybrać, nad którym z dwóch agencja lub freelancerzy powinni pracować w pierwszej kolejności.

Jeśli jednak przeróbka ma następować stopniowo w ciągu kilku tygodni, agencja lub freelancer będą musieli często przerabiać istniejący motyw. W tym przypadku programiści najczęściej tworzyli nowy arkusz stylów dla nowej witryny, który można migrować, gdy wszystko jest gotowe, i zaczynali odbudowywać istniejące szablony, zaczynając od nagłówka / stopki.

Zastępując stronę po stronie i wprowadzając aktualizacje, witryna wyglądałaby niespójnie ze starym i nowym wyglądem wszystkich stron. Chociaż nie jest to witryna internetowa, przykładem jest Windows 10:

Faza rozpoczęcia transmisji

To długo oczekiwana faza uruchomienia. Ogólnie rzecz biorąc, większość kontroli jakości i recenzji witryny jest zgodna z tymi samymi krokami, które są wykonywane na zupełnie nowej stronie internetowej - wiele testów, klikanie wszędzie, upewnianie się, że każdy element menu działa, że ​​strony działają dobrze, że zawartość jest dobra wszystkie integracje są funkcjonalne.

Główną różnicą między przeprojektowaniem a nową witryną jest istniejąca zawartość, zwłaszcza gdy nastąpiły zmiany w strukturze witryny. Czy stare adresy URL będą działać? Czy doszłoby do utraty treści? Czy wszystkie stare dane zostały niedawno przeniesione? Do przejrzenia jest dość długa lista „dni uruchomienia”, w przypadku których najbezpieczniej jest skorzystać z usług dobrej agencji zajmującej się tworzeniem stron internetowych.

Podsumowanie

Przeprojektowanie strony internetowej to długi proces, w który zaangażowanych jest wiele osób. Ma też wiele trudnych pytań, na które trzeba odpowiedzieć, i przeszkód technicznych do pokonania. Na szczęście przez większość czasu. Ta zmiana okazuje się bardzo pozytywna dla marki.