Veb dizayn və inkişaf strategiyası biznes məqsədlərini veb-saytın səhifələri, xüsusiyyətləri, məzmunu və texnologiyası ilə əlaqələndirən yazılı plandır və onların tikilmə ardıcıllığını müəyyən edir. O, saytın nəyə nail olmalı olduğunu, kimə xidmət etdiyini, hansı stekin onu dəstəklədiyini və buraxılışdan sonra uğurun necə ölçüldüyünü cavablandırır. Sensiz, yenidən dizayn rənglər və düzənlər haqqında fikirlər ardıcıllığına çevrilir.
Niyə bu qədər veb-sayt layihələri dayanır?
Dayandırılmış layihələrin əksəriyyətinin ümumi kök səbəbi var: dizayn kimsə saytın nə üçün olduğunu razılaşdırmazdan əvvəl başladı. Maraqlı tərəflər maketləri nəzərdən keçirir, ziddiyyətli rəylər verirlər və hər görüşlə miqyas böyüyür. Aylar sonra komandanın gözəl ekranları var, lakin daxil ediləcək heç bir məzmunu yoxdur.
Strategiya qaydanı tərsinə çevirir. Məqsədlər və auditoriya birinci gəlir, sonra struktur və məzmun, sonra vizual dizayn, sonra qurun. Hər bir mərhələ növbəti mərhələnin asılı olduğu sənəd və ya artefakt istehsal edir ki, bu da rəyləri şəxsi deyil, konkret edir.
Addım 1: Ölçə biləcəyiniz məqsədləri müəyyənləşdirin
İki və ya üç biznes məqsədi ilə başlayın və hər birini sayt metrikinə çevirin. “Daha müasir görün” məqsəd deyil. “Üzvü ziyarətçilərdən demo sorğularını artırın” budur, çünki onu analitika və CRM-də ölçə bilərsiniz.
- Liderlik nəsli: forma təqdimatları, sifarişli zənglər, ixtisaslı lider nisbəti.
- E-ticarət: dönüşüm nisbəti, orta sifariş dəyəri, ödənişin tamamlanması.
- Məzmun və səlahiyyət: orqanik seanslar, prioritet mövzular üzrə reytinqlər, bülleten qeydiyyatları.
- Dəstəyin azaldılması: biletə çevrilməyən yardım mərkəzinin ziyarətləri.
Layihə başlamazdan əvvəl hər bir metrik üçün cari başlanğıc xəttini qeyd edin. Əks halda, sonradan heç kim yeni saytın daha yaxşı işlədiyini deyə bilməz.
Sonra istifadəçiləri və onların tapşırıqlarını xəritələşdirin
Bir ovuc müştəri və satış və ya dəstək işçisi ilə müsahibə aparın. İnsanların saytda nə etməyə çalışdıqlarını, onları nəyin çaşdırdığını və almazdan əvvəl nə soruşduqlarını soruşun. Axtarış konsolu sorğularını, saytdaxili axtarış terminlərini və əsas enmə səhifələrini nəzərdən keçirim. Bu mənbələr sizə hansı tapşırıqların vacib olduğunu bildirir ki, bu da fond fotoşəkili olan ümumi personadan qat-qat faydalıdır.
Ən yaxşı beş tapşırığı sadə dildə yazın, məsələn, “qiymət planlarını müqayisə edin” və ya “ən yaxın ofisi tapın”. Hər vacib səhifə ən azı onlardan birini dəstəkləməlidir.
İnformasiya arxitekturasına nə daxil edilməlidir?
İnformasiya arxitekturası tapşırıqları sayt xəritəsinə və naviqasiyaya çevirir. Əsas səhifələrin əsas səhifədən iki-üç klik uzaqda olması üçün onu kifayət qədər dayaz saxlayın və bölmələrin adını təşkilat diaqramınızın təşkil olunduğu kimi deyil, istifadəçilərin danışdığı şəkildə adlandırın.
Sayt xəritəsi və URL planı
Sayt xəritəsini ağac kimi çəkin və hər bölməyə URL nümunəsi təyin edin. Mövcud saytı yenidən dizayn edirsinizsə, hər köhnə URL-i yenisi ilə xəritələşdirin və 301 yönləndirmələri planlaşdırın. Yönləndirmələri itirmək buraxılışdan sonra orqanik trafiki itirməyin ən sürətli yoludur.
Məzmun modeli
Məzmun növlərini və onların sahələrini müəyyənləşdirin: xidmət səhifəsində başlıq, xülasə, faydalar, proses addımları, tez-tez verilən suallar və fəaliyyətə çağırış var; nümunə araşdırmasında müştəri, problem, həll və nəticələr var. Aydın məzmun modeli redaktorlara ardıcıl olaraq dərc etməyə imkan verir və tərtibatçılara birdəfəlik səhifələr əvəzinə təkrar istifadə oluna bilən şablonlar qurmağa imkan verir.
Addım 3: Növbəti beş il üçün steki seçin
Doğru texnologiya komandanızın saxlaya biləcəyi texnologiyadır. Tez-tez məzmun yeniləmələri olan marketinq saytı tez-tez blok əsaslı mövzusu olan WordPress kimi CMS-ə uyğun gəlir; ağır tətbiq mantığı olan məhsula başsız CMS ilə Next.js kimi çərçivə lazım ola bilər. Seçimləri daha sonra vacib olan suallarla müqayisə edin:
- Məzmunu kim redaktə edəcək və onların texniki dərəcəsi nə qədərdir?
- Sayt neçə dildən və bölgədən dəstəkləməlidir?
- Hansı inteqrasiyalar tələb olunur: CRM, ödəniş, analitika, axtarış?
- Stekin hansı hostinq, təhlükəsizlik yeniləmələri və ehtiyat nüsxələri lazımdır?
- Lazım gələrsə, başqa agentlik və ya tərtibatçı kodu öz üzərinə götürə bilrmi?
Dəbdə olduğu üçün stek seçməkdən çəkinin. Hər bir xüsusi xüsusiyyət illər boyu saxladığınız, sınaqdan keçirdiyiniz və yenilədiyiniz bir şeyə çevrilir.
Dizayn sistemləri saytı necə ardıcıl saxlayır?
Dizayn sistemi tokenlərin (rənglər, tip miqyası, boşluq), komponentlərin (düymələr, kartlar, formalar) və nümunələrin (qəhrəman bölmələri, qiymət cədvəlləri) ortaq kitabxanasıdır. Dizaynerlər ondan səhifələr qururlar, tərtibatçılar hər bir komponenti bir dəfə tətbiq edirlər və böyüdükcə sayt ardıcıl qalır.
Kiçikdən başla. Bir düzgün qurulmuş komponent əksər marketinq saytlarını əhatə edir. Hər bir səhifə sorğusu üçün yeni komponent dizayn etmək istəyinə qarşı durun; yeni layoutların əksəriyyəti fərqli məzmunu olan mövcud parçalardan qurula bilər. İstək həqiqətən yeni bir şey tələb etdikdə, növbəti səhifənin onu yenidən istifadə edə bilməsi üçün onu sənədlərlə birlikdə kitabxanaya əlavə edin. Hər birini istifadə qeydləri, əlçatanlıq tələbləri və maksimum başlıq uzunluğu kimi məzmun məhdudiyyətləri ilə sənədləşdirin.
Addım 4: Performans və əlçatanlıq büdcələrini təyin edin
İnkişafdan sonra deyil, əvvəl ölçülə bilən keyfiyyət hədəfləri ilə razılaşın. Google-un Əsas Veb Vitaları açıq hədlər verir: Ən Böyük Məzmunlu Boya 2,5 saniyədə və ya ondan az, Növbəti Boyaya Qarşılıqlı Əlaqə 200 millisaniyədə və ya ondan az, Məcmu Layout Shift isə 0,1 və ya daha azdır. Əlçatanlıq üçün WCAG 2.2 səviyyəsi AA ümumi hədəfdir, normal mətn üçün ən azı 4.5:1 kontrast nisbəti daxildir.
Büdcələr keyfiyyəti yoxlama siyahısına çevirir. Yeni qəhrəman videosu LCP-ni hədəfdən kənara çıxarsa, komanda buraxılışdan sonrakı auditdə bunu aşkar etməkdənsə, bunu güzəşt kimi müzakirə edir.
Addım 5: Mərhələlərdə qurun, sınayın və buraxın
Əvvəlcə şablonları və komponentləri hazırlayın, sonra real məzmunu doldurun, sonra sınaqdan keçirin. Test brauzerləri və cihazları, formaları və inteqrasiyaları, yönləndirmələri, analitika hadisələrini, səhifə sürətini və əlçatanlığı əhatə etməlidir. Mərhələli buraxılış, məsələn, əvvəlcə bloq bölməsinin buraxılması böyük saytlarda riskləri azaldır.
- Qırılmış bağlantıları və əksik metadataları tutmaq üçün səhnələşdirmə saytını tarayın.
- Köhnə URL xəritəsindən hər yönləndirməni yoxlayın.
- CRM çatdırılması və təsdiq e-məktubları daxil olmaqla formaları başdan-başa sınayın.
- Analitika və dönüşüm teqlərinin iki dəfə deyil, bir dəfə yandığını təsdiqləyin.
- DNS-i dəyişdirməzdən əvvəl robots.txt və noindex parametrlərini yoxlayın.
Buraxılışdan sonra nə baş verir?
Buraxılış ölçmə mərhələsinin başlanğıcıdır. 30, 60 və 90 gündən sonra hədəf metriklerini nəzərdən keçirin, tarama xətaları və reytinq dəyişiklikləri üçün axtarış konsoluna baxın və istifadəçi rəylərini toplayın. Gözlənilən təsir və səylərə görə sıralanan təkmilləşdirmələrin ehtiyat siyahısını saxlayın və onları kiçik dəstlərlə buraxın.
Buraxılışdan sonra sayt üçün sahib təyin edin. Layihələr tez-tez momentumunu itirir, çünki layihə qrupu dağılır və heç kim ehtiyat siyahısı, məzmun təqvimi və ya aylıq performans icmalı üçün məsuliyyət daşımır.
Kiçik addımlarla təkmilləşməyə davam edən saytlar, hər bir neçə ildən bir böyük yenidən dizayn alan və sonra toxunulmaz qalan saytlardan üstün olmağa meyllidirlər.
Bu həftə haradan başlamaq lazımdır
Üç ölçülən məqsədi, onların cari başlanğıc xəttini və ən yaxşı beş istifadəçi tapşırığını özündə əks etdirən bir səhifəlik brifinq yazın. Sonra mövcud URL-lərinizi trekerdən və ya CMS-dən ixrac edin və yönləndirmə xəritəsinə başlayın. Bu iki sənəd özündən sonrakı hər bir dizayn və inkişaf qərarını formalaşdıracaq və onların istehsalı demək olar ki, heç bir pula başa gəlmir.
Oxumağa davam edin: Veb Dizayn və İnkişaf · Veb Dizayn