Touchscreens klaviatura və siçanlardan fərqli olaraq işləyir
Mobil qurğular üçün veb-saytların hazırlanmasının başlanğıcında ən çox istehsalçı məhsul təklifini bir-birindən ayırdı. Onlar tamamilə funksional bir masa üstü versiyasını və daha sonra marka və görüntülərin çoxunu məhdud imkanları və konfet bar telefonları və 3G simsiz şəbəkələri şəbəkə sürətini yerləşdirmək üçün ləğv edən bir "mobil optimallaşdırılmış" versiyasını buraxdılar.
Müasir smartfonlar, eyni zamanda, şəbəkələrin dünənki DSL xəttindən yaxşı və ya daha yaxşı şəbəkələr vasitəsilə effektiv olaraq veb səhifələrini veb səhifələrinə təqdim edə bilərlər.
Dizayn, daha sonra bir istifadəçi interfeysi ilə birləşir. Dizaynerlər üçün risk bir smartfon və ya tablet bir müasir cavab web saytını göstərə bilməz. Əksinə, bir touchscreen cihaz istifadəçi giriş üsulu əsas site dizaynı mənalı dəyişikliklər tələb edir. Ziyaretçiləri qəbul edən veb saytın qurulması günləri klaviatura və siçan üzərindədir.
Əsas toxunma dizaynı qaydaları
Toxunuşa sahib olan xəbərdarlıq interfeysi üçün layihələndirilməsi keçmişin ənənəvi monitor-siçan-klaviatura yanaşmasının təkamülünü tələb edir. Xüsusilə, gestures, taps və multitouch girişləri kimi qarşılıqlı əlaqələri yerləşdirməlisiniz.
- Tıqqıltı dəqiq deyil. Müştərinin, çox doğru proqram nəzarətində olsa da, bir uşağın barmaqları olmadığı təqdirdə, kran və dəqiq olmaq çətin ola bilər.
- Gestures taps fərqlidir. Bir toxunma ekranına uzun bir səhifə sürmək üçün istifadəçi brauzer pəncərəsini bir parmağa sürüşdürür. Bir siçanla gezinmeyi, siçanın aşağıya doğru hərəkət etdiyini başa düşməyinizə qədər bu əhəmiyyətli görünə bilməz.
- İki (və daha çox) barmaq taps. Bir istifadəçi onu idarə etmək üçün cihazda birdən çox barmaq tapsını istifadə edə bilər. Bu əlavə tapşırıqlar istifadəçi cihazının əməliyyat sistemindən asılı olaraq xüsusi bir şey deməkdir.
- Yüksək parıltılı cihazlar. Ən toxunma ekranlı tabletlərin ekranları sağlam bir şüşədən hazırlanır. Bu material parlaq işıqlı hallarda çox parıltı ilə oxumaq üçün çox çətin ola bilər. Əlavə, bütün toxunma ilə, ekranda barmaq izləri və ləkələriniz var, bu da səhifələrinizin görünüşünü necə təsir edə bilər.
- Ekran klaviaturası. Bəzi istifadəçilər tabletlərinə qoşulduqları simsiz klaviatura olsa da, planşetlərin əksəriyyəti məlumatların daxil edilməsi üçün ekrandakı klaviaturadan istifadə edirlər. OSK girişinə bəzi şən tipli yazı tipləri ilə yanaşı uzun müddət istifadə etməkdən də narahat ola bilər.
Cihazın bu xüsusiyyətləri üzündən veb-dizaynerlər toxunma ekranlı istifadəçilər üçün bir sıra əsas dizayn qaydalarını vurğulamalıdırlar:
- Tıklanabilir maddələr bir-birinə çox yaxın bir yer qoymayın. Hansı yaxınlığın çox yaxın olduğunu müəyyən edən çox sürətli və sürətli bir qayda yoxdur, ancaq xüsusilə kiçik bir şrift ölçüsündə əlaqələr siyahıları, bir yağ parmağına tıklayarak (tıqqıltı) gedin. Zənginləşdirmək üçün sadəcə cəhd etmək və bir keçid vurmaq üçün cansıxıcı ola bilər. Bu prinsip, həmçinin düymələrlə əlaqələri də doğrudur.
- Hierarchies açıq saxlamaq çətin ola bilər. Bir populyar dinamik menyu forması, istifadəçi tıkladığında və sonra alt menü üzərindəki siçanı qovduqda alt menyunu açmaq üçün JavaScript istifadə edir. Bu dövlətlər toxunma ekranlarında istifadə etmək çox çətin və ya qeyri-mümkün ola bilərlər, çünki onlar açıq qalmayacaq və ya yaxınlaşmayacaqlar.
- Bağlantıları və tıklanabilir sahələri pəncərənin sağ kənarından uzaqlaşdırın. Çox adam sağ tərəfdir və ekranın bu tərəfində hərəkət etmək məcburiyyətindədir. Kaydırma bir jestlə aparıldığından bəzən səhvən bir keçiddə çalmağa başlamaq olar. Istifadəçilər səhifədə hərəkət etmək istədikləri təqdirdə cansıxıcı ola bilər və bunun əvəzində təsadüfən bir keçid vurmağı sonlandırdılar. Bağlantılarınızı sağ tərəfdən uzaqlaşdırdığınızda, bu narahatçılığa yol verməməyə kömək edə bilərsiniz.
- Siçan yoxdur. Və bu siçan pointer yoxdur deməkdir. Bir şeyin tıklanabilir olduğunu göstərmək üçün dəyişən siçan pointerine etibar etməməlisiniz.
- Hover dövlətləri yoxdur. Yuxarıda göstərilən bir nəticəyə görə, siçan olmadığı üçün, hoverla əlaqəli bir şey yoxdur. Bağlantı bir toxunma cihazında tıklanıb (vurulmuş) və ya deyil, beləliklə istifadəçilər rəng dəyişiklikləri, alət məsləhətləri və ya statusu bar dəyişiklikləri kimi hover vəziyyətlərindən heç bir faydalı məlumat əldə edə bilməzlər.
- Qara köklər parıltıları artırır. Qara fonda olan bir yer, bir parıltıdan ötəri toxunma cihazı oxumaq üçün çox çətin ola bilər. Qara cihazlarda barmaq izlərini daha aydın şəkildə göstərir, ekranı lütf edir. Qara ekranı ekranı əks etdirən bir aynaya çevirib, istifadəçilər tez-tez ekrandakı mətndən daha çox üzləşirlər.
- Formalarda uzun mətn yazıları yazmaq çətindir. Bütün romanları bir iPad və ya bir Android və ya Windows tabletində yazmaq mümkün olsa da, insanların əksəriyyəti ekrandakı klaviatura uzun mətnlər üçün istifadə etmək istəmir. Daha çox dizayn, məlumatların mümkün qədər qısa və asan olmasını təmin edə bilər.
Təmizləyici ekranları nəzərə alaraq dizayn etdirməyin ən vacib xüsusiyyəti, səhifələrinizi bir toxunma cihazına test etməkdir. Bir çox iPad və Android emulatorları var və çox Windows tablet, onlar hələ bir toxunma hissi təmin etmir. Bağlantıların çox yaxın olduğunu və ya düymələrin çox az olduğunu və ya gözləməyinizin səhifəni oxumaq üçün çox çətin olduğunu söyləyə bilməzsiniz - yeni bir veb sayt dizaynını çıxarmadan əvvəl bir tablet çıxarmadan və onları sınamamasanız.