Екран осетлив на допир работи различно од тастатури и глувци
Во раните денови на дизајнирање на веб-страници за мобилни уреди, повеќето програмери ја зголемија својата понуда на производи. Тие издадоа целосно функционална десктоп верзија, а потоа и "мобилна оптимизирана" верзија која го одзеде поголемиот дел од брендирањето и сликите за да ги задоволи ограничените можности и мрежната брзина на мобилните телефони и 3G безжичните мрежи.
Сепак, современите паметни телефони можат да направат веб-страници подеднакво ефикасно како десктоп-компјутери, преку мрежи како добри или подобри од вчерашните DSL линии.
Дизајн, пак, конвергира назад кон еден-кориснички интерфејс. Но, ризикот за дизајнерите не е тоа што паметен телефон или таблета не можат да направат модерен одговорен веб-сајт. Наместо тоа, методот за внесување на корисникот на уред со екран на допир бара значајни промени во основниот дизајн на веб-страницата. Деновите за градење на веб-страница, под претпоставка дека посетителите имаат тастатура и глувче, се завршени.
Основни правила за дизајн на допир
Проектирањето за веб-интерфејс што го поврзува осетлив на допир бара еволуција на традиционалниот приод на следење на глувчето-глувче од минатото. Особено, мора да се приспособат интеракции како гестови, славини и влез со повеќе влезови.
- Прислушувањето не е точно. Освен ако клиентот не ги има прстите на детето, дури и со многу точни софтверски контроли, може да биде тешко да допрете и да бидете прецизни.
- Гестовите се различни од чешмите. Со цел да се лизга долга страница на екран на допир, корисникот го поместува еден прст до прозорецот на прелистувачот. Ова можеби не изгледа значајно додека не сфатите дека прелистувањето со глушец го поместувате глувчето надолу .
- Два (и повеќе) прст чешми. Корисникот може да користи повеќе чепови за прст на уредот во исто време за да го контролира. Овие дополнителни чешми може да значат нешто специфично во зависност од оперативниот систем на корисничкиот уред.
- Високо-сјајни уреди. Екраните на повеќето таблети со екран на допир се направени од цврсто стакло. Овој материјал може да биде многу тешко да се прочита, со многу отсјај, во услови на светлина. Плус, со сите допирни, тие добиваат отпечатоци од прсти и дамки на екранот, што може да влијае на изгледот на вашите страници.
- Тастатура на екранот. Додека некои корисници имаат безжична тастатура се поврзуваат со нивните таблети, повеќето корисници на таблети ја користат тастатурата на екранот за внесување на податоци. Внесувањето на OSK може да резултира со некои смешни грешки, како и да биде непријатно да се користи за подолг временски период.
Поради овие карактеристики на уредот, веб-дизајнерите треба да нагласат неколку основни правила за дизајнирање на корисниците на допир:
- Не ставајте премногу предмети блиски заедно. Нема правилно и брзо правило за дефинирање на тоа колку блиску е премногу блиску, но листите на линкови, особено во мала големина на фонтот, може да бидат тешки за навигација со кликање (допирање) со дебел прст. Може да биде досадно да мора да зумирате само за да се обидете и да кликнете на линкот. Овој принцип важи и за копчиња, како и за линкови.
- Хиерархиите може да биде тешко да се отвори. Една популарна форма на динамичко мени користи JavaScript за отворање на подмени кога корисникот ќе кликне и потоа го лебди глувчето над подменито. Овие состојби можат да бидат многу тешки или невозможни за употреба на екран на допир, бидејќи тие или не остануваат отворени или нема да се затват.
- Преместете ги линковите и кликавите области подалеку од десниот раб на прозорецот. Повеќето луѓе се десничари и имаат тенденција да се движат на таа страна од екранот. Бидејќи лизгањето е направено со гест, понекогаш е можно по грешка да се активира удар на врската. Корисниците можат да се изнервираат ако сакаат да дојдат на страницата и наместо тоа, случајно прислушкуваат врска. Со поместување на вашите врски од десната страна, можете да им помогнете да се избегнат овие непријатности.
- Нема глушец. И тоа значи дека нема покажувач на глушец. Вие не треба да се потпрете на покажувачот на глушецот за да укажете дека нешто може да се кликне.
- Лебдите држави не постојат. Како последица на горенаведеното, бидејќи нема глувче, нема што да се лебди. Линкот е кликнат (избран) или не е на уред со екран осетлив на допир, така што корисниците не можат да заклучат какви било корисни информации од таквите состојби на движење, како промени во бојата, совети за алатки или измени во статусот.
- Црните позадини го зголемуваат сјајот. Веб-страница со црна позадина може да биде многу тешко да се чита на уред со екран на допир поради сјајот. Црн ги прави отпечатоците од прстите на уредите појасно појасни, замаглување на екранот. И црното може да го претвори екранот во огледало што рефлектира назад на кое корисниците често се соочуваат повеќе од текстот на екранот.
- Долгите блокови текст во облици се тешко да се напише. Иако е можно да се напишат цели романи на iPad или таблет со Android или Windows, повеќето луѓе не сакаат да ја користат тастатурата на екранот за долги текстови. Колку повеќе вашиот дизајн може да го внесат податоците колку што е можно кратко и лесно, толку подобро.
Најважниот аспект на дизајнирањето со осетливи на допир е да ги тестирате вашите страници на уред со екран на допир . Додека се достапни многу iPad и Android емулатори, и многу таблети за Windows, тие сè уште не го обезбедуваат чувството за екран на допир. Не можете да кажете дека врските се премногу блиски или дека копчињата се премногу мали или дека блесокот ја прави страницата премногу тешко да се прочита - освен ако не излезете од таблета и не ги испробајте пред да го објавите вашиот нов веб-проект.