Saytınız yaxşı görünür. Bəs onu telefonda açmısınız?

Telefonunuzu çıxarın. Öz saytınızı açın. Önizləmə yox, dar çəkilmiş noutbuk pəncərəsi yox — real telefonunuz, mobil internetdə, ayaq üstə.

İnsanların çoxu bunu heç vaxt etməyib. Saytlarına yüz dəfə masaüstündə, masa arxasında baxıblar. Telefon isə müştərilərinin olduğu yerdir.

Bu niyə təkrarlanır

Heç kim mobili nəzərə almamağa qərar vermir. Struktural olaraq baş verir.

Dizayner böyük ekranda işləyir, çünki alətlər ordadır. Müştəri noutbukda baxır, çünki email ora gəlib. Developer qurduğu maşında yoxlayır. Zəncirdəki hər kəs bütün gün geniş ekrana baxır.

Sonda kimsə telefonda yoxlayır, dörd problem tapır, o dördü düzəldir və göndərir. Sayt sınıq deyil — sadəcə onu görəcək insanların əksəriyyəti üçün yüz kiçik şeydə aydın şəkildə sonradan düşünülmüş bir şeydir.

Test, indi

İki dəqiqə. Oxumağa davam etməzdən əvvəl edin.

1. Mətni böyütmədən oxuya bilirsiniz? Başlıq yox. Abzaslar.
2. Düymələri baş barmaqla, ilk cəhddə, nişan almadan basa bilirsiniz?
3. Nəsə sağ kənardan çıxır? Yana sürüşməyə çalışın.
4. Telefon nömrəniz basıla biləndir? Yoxsa köçürməli olduğunuz mətndir?
5. Əlaqə formasını avtobusda ayaq üstə doldura bilirsiniz? Sınayın. Həqiqətən sınayın.
6. Nəsə görünənə qədər nə qədər çəkir? Sayın. Mobil internetdə, ofis wifi-da yox.
7. Menyu tapıla və istifadə oluna biləndir? Hər "yox" — çıxan insanlardır.

Az qala həmişə səhv olan beş şey

Mətn çox kiçik. Dizayner mətni böyük ekranda zərif görünən ölçüdə qoyur. Telefonda o, 11px-dir və müştəriniz 45 yaşındadır və avtobusda gözlərini qıyır.

Basılacaq yerlər çox kiçik və ya bir-birinə yaxın. Barmaqlar kursor deyil. Başqa keçidə üç piksel yaxın olan keçid — sikkə atmaqdır. Müştəri basır, səhv səhifəyə düşür, geri qayıdır, yenə basır, yenə səhv düşür, çıxır.

Nəhəng şəkillər. Kameradan gələn şəkil bir neçə meqabaytdır. Noutbukda fiber ilə görünməzdir. Hərəkətdəki telefonda bu, səhifənin görünməsi ilə insanın əl çəkməsi arasındakı fərqdir. Bu, həm də saytların yavaş olmasının ən çox rast gəlinən səbəblərindəndir.

Klaviatura üçün dizayn olunmuş formalar. On xana, kiçik girişlər, qırx variantlı açılan siyahılar. Masaüstündə yorucudur. Telefonda divardır. Sildiyiniz hər xana qazandığınız müraciətdir.

Mövcud olmayan hover. Siçan üzərinə gələndə açılan menyu telefonda açılmır. Telefonda hover yoxdur. Yalnız siçan üzərində olanda görünən hər şey ziyarətçilərinizin çoxu üçün görünməzdir.

Səhv olan amma daha bahalı olan şey

Yuxarıdakıların hamısı düzəldiləndir. Bu, tam yox.

Sayt geniş ekran üçün dizayn olunub və dar ekrana sıxışdırılıb.

Üç sütunlu düzülüş üç yığılmış qutuya çevrilir. Sağda, gözünüzün küncündə oturan vacib şey indi hər şeydən sonra, ən aşağıdadır. Başlığı çərçivəyə salan hero şəkil indi bütün ekranı tutur və başlıq altdadır.

Bunu CSS ilə düzəldə bilməzsiniz. Bu, əvvəldə verilmiş dizayn qərarıdır və yeganə real həll qərarı əks istiqamətdə vermək: əvvəl dar versiyanı dizayn edin, sonra genişləndirin.

Saytınızda bu problem varsa, bu, yamaq deyil, redizayn söhbətidir. O ikisindən hansının lazım olduğunun öz testləri var.

Yaxşı əslində nə deməkdir

"Sığır" yox. Sığmaq döşəmədir.

Yaxşı deməkdir:

• Ən vacib şey birincidir, masaüstündə-birinci-mobildə-dördüncü yox
• Mətn qol məsafəsində, gündüz işığında, iyirmi beş yaşında olmayan biri tərəfindən oxunur
• Düymələr baxmadan vurulacaq qədər böyükdür
• Səhifə pis bağlantıda sürətli görünür
• Telefon nömrələri zəng edir, ünvanlar xəritə açır
• Forma avtobusda bir əllə tamamlana bilər

Bu gün et

1. Saytınızı telefonda açın. Çöldə. Mobil internetdə.
2. Özünüzlə əlaqə saxlamağa çalışın. Formanı istifadə edin. Həqiqətən tamamlayın.
3. Google PageSpeed Insights, mobil tab. 50-dən aşağı sizə baha başa gəlir.
4. Onu 50 yaşdan yuxarı birinə göstərin. Kömək etmədən baxın. Narahatedici olacaq və ayınızın ən faydalı on dəqiqəsi olacaq. Tapdığınızın çoxu kiçik düzəliş və böyük gəlirdir. Qalanı daha bahalı bir şey deyir, amma bilmək daha yaxşıdır.

Biz DAKER — Bakıda saytların hazırlanması və dizayn studiyasıyıq. Əvvəl telefon üçün dizayn edirik, çünki müştəriləriniz ordadır. Saytınız yuxarıdakı testdən keçmirsə və səbəbini bilmək istəyirsinizsə, onu pulsuz audit edəcəyik. Bizimlə əlaqə.