Jaki jest ogólny proces planowania i tworzenia nowej strony internetowej?

Pracuję w agencji zajmującej się głównie tworzeniem oprogramowania, jednak czasami mikrostrona jest dodatkiem do jednego z naszych rozwiązań i musimy go zbudować.

Próbuję zdefiniować proces tworzenia tych stron internetowych, ale nie wiem, w jakiej kolejności każde zadanie jest zwykle wykonywane, a szczególnie staram się dowiedzieć, w którym momencie powinna zostać zapisana jakakolwiek kopia / treść statyczna.

Potrafię wymyślić niektóre zadania, takie jak: pisanie treści statycznych, projektowanie, tworzenie ramek, definiowanie słów kluczowych i SEO, kodowanie. ale nie jestem pewien, w jakiej kolejności je rozwiązać.

Dla mnie wiele obszarów może się w pewnym stopniu pokrywać.

• Zdefiniuj potrzeby za pomocą szkicowania, makiet, notatek, dyskusji, budżetu itp. (Musi być na pierwszym miejscu)

• Wireframing - treść można zacząć pisać tutaj lub przynajmniej zarysować. Rygorystyczne pomysły dotyczące wielkości zawartości pomogą w tworzeniu ramek, więc pisanie i tworzenie ramek może iść w parze.

• Zatwierdzenie modelu szkieletowego

• Finalizuj zawartość - można tu rozpocząć wstępne prace wstępne, ale nie można ich sfinalizować, dopóki nie zostanie ukończona kopia statyczna.

• Zatwierdzenie treści

• Finalizuj projekt / słowa kluczowe / kodowanie - słowa kluczowe można wymyślić w trakcie opracowywania projektu. W zależności od nawyków pracy można rozpocząć kodowanie w celu sfinalizowania projektu.

• Zatwierdzenie projektu

• Zakończ Kodowanie / SEO - kodowanie i SEO mogą iść w parze. Wiesz, kod z myślą o SEO jednocześnie zacznij planować zewnętrzne strategie SEO itp.

• Zatwierdzenie kodu

• Bieżące SEO / utrzymanie.

Przepływy pracy w moim projekcie zazwyczaj działają w ten sposób:

1. Spotkaj się z klientem (klientami), aby zebrać wymagania (określić, czego potrzebują)
2. Określ, których strategii zaplecza użyć (języka programowania, platformy itp.)
3. Utwórz szkielet, aby nakreślić sposób działania witryny lub aplikacji i dokąd pójdą podstawowe elementy
4. Przejrzyj model szkieletowy z klientem
5. Makiety projektowe - mogą to być makiety HTML / CSS lub mogą to być obrazy zaprojektowane w programie Illustrator lub Photoshop
6. Przejrzyj makiety za pomocą klienta
7. Edytuj makiety na podstawie opinii klientów
8. Utwórz działający produkt

Najlepiej, aby klienci otrzymywali prawdziwe treści na jak najwcześniejszym etapie procesu, ale w rzeczywistości może to nastąpić w późniejszym czasie. Zwrócę uwagę, że tworzę wiele aplikacji internetowych, dlatego określamy podstawowe funkcje na etapie wymagań i projektuję je z myślą o nich.

Mam informacje z bloga

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. Uczyć się

   Nie powinno cię dziwić, że nauka - odkrywanie i rozumienie, co musisz zbudować - to najważniejsza część całego
   procesu projektowania witryny.

2. The Creative Brief

   Powinieneś uzyskać te informacje w sposób, w jaki Ty i Twoi klienci czujecie się swobodnie - ale cokolwiek robicie, nie pomijajcie kreatywnego briefu, ponieważ stanie się on siłą napędową waszego projektu.

Jakie pytania powinieneś zadać w swoim twórczym skrócie? Co najmniej dowiedz się:

• Grupa docelowa klienta
• Ich główne i drugorzędne cele dla strony internetowej
• Obecne cechy marki Budżet
• Terminy, które muszą dotrzymać

3. Plan

Kiedy dowiesz się, co musisz zbudować, nadszedł czas, aby zacząć planować, jak to zrobić. Zanim zaczniesz projektować stronę internetową, musisz dokładnie wiedzieć, co i jak ją zaprojektować - a wszystko zaczyna się od stworzenia strategii projektowej.

4. Projekt

Gdy będziesz gotowy, aby rozpocząć projektowanie, pamiętaj, że musisz zaprojektować coś więcej niż tylko stronę główną. Będziesz także potrzebował projektu na podstrony swojej witryny. Czasami może być łatwo zaprojektować koncepcję strony głównej, pokroić ją i rozpocząć kodowanie

5. Kod

Gdy masz już zabójczy projekt, musisz przekształcić go w prawdziwą witrynę na żywo. Bezpiecznym zakładem, bez względu na to, z jakim systemem zarządzania treścią będziesz pracować, jest rozpoczęcie od ogólnego kodu HTML i CSS

6. Uruchom

Kiedy w końcu udoskonalisz witrynę, nadszedł czas, aby udostępnić ją publicznie. Uruchomienie może oznaczać różne rzeczy dla różnych osób, głównie dlatego, że istnieją różne systemy zarządzania treścią i okoliczności rozwoju.

7. Utrzymanie

Podczas fazy planowania powinieneś był ustalić, kto będzie odpowiedzialny za utrzymanie witryny

To może pomóc. Istnieje kilka dobrych zasad projektowania stron internetowych

podstawy internetowe podręcznika google

Podręcznik stanowi kompleksowe źródło informacji na temat tworzenia stron internetowych na wiele urządzeń. Dlatego jest podzielony na 4 kategorie:

Układy wielu urządzeń - tworzenie elastycznych, nie ustalonych układów zapewniających wspaniałe wrażenia bez względu na to, na jakim urządzeniu się znajdują

Obrazy i wideo - Włączanie obrazów, plików audio lub wideo, a następnie dowiedz się, jak dostosować obrazy, dodawać filmy i zapewniać alternatywy dla starszych platform. Audio w przygotowaniu

Formularze i dane wprowadzane przez użytkownika - tworzenie formularzy wykorzystujących typy wprowadzania semantycznego i elementy reagujące na dotyk i inne gesty.

Optymalizacja wydajności - dowiedz się, jak wygląda obiektowy model przeglądarki, w jaki sposób konstruuje stronę z kodu HTML i CSS. Istnieją inne zasady i zalecenia dotyczące stron w celu optymalizacji dostarczania danych