Тоуцхсцреенс функционишу другачије од тастатуре и мишева
У раним данима дизајнирања веб сајтова за мобилне уређаје, већина програмера је разјаснила њихову понуду производа. Издали су потпуно функционалну верзију за десктоп, а потом и верзију "мобилно оптимизоване" која је уклонила велики део брендирања и слика како би се прилагодили ограниченим капацитетима и брзини мреже сличних телефона и 3Г бежичних мрежа.
Савремени паметни телефони, међутим, могу учинити Веб странице подједнако ефикасним као десктоп рачунари, кроз мреже као добре или боље од јучерашњих ДСЛ линија.
Дизајн, онда, конвергира се назад на једноструки кориснички интерфејс. Али ризик за дизајнера није да паметни телефон или таблет не може да направи савремену одговарајућу веб локацију. Уместо тога, метод корисницког уноса на екрану осетљивом на додир захтијева знацајне промјене у дотицном дизајну сајта. Дани изградње веб странице под претпоставком да посетиоци имају тастатуру и миш.
Основна правила дизајна екрана осетљивог на додир
Дизајнирање веб интерфејса осетљивог на додир, захтева еволуцију традиционалног приступа миша и тастатуре из прошлости. Конкретно, морате прилагодити интеракције попут геста, славина и мултитоуцх улаза.
- Таппинг није тачан. Осим ако корисник има прсте малишана, чак и са врло тачним програмским контролама, може бити тешко додиривати и бити прецизан.
- Гестови се разликују од славина. Да би се померала дуга страница на екрану осетљивом на додир, корисник пребацује један прст у прозор прегледача. Ово можда не изгледа значајно док не схватите да претражујете помоћу миша, померате миш.
- Два (и више) прста. Корисник може истовремено користити више прста на уређају како би га контролисао. Ови додатни славини могу значити нешто специфично у зависности од оперативног система корисничког уређаја.
- Уређаји високог гласа. Екрани већине екрана осетљивих на додир су направљени од чврстог стакла. Овај материјал може бити веома тешко прочитати, с пуно одсјаја, у ситуацијама јаког осветљења. Плус, са свим додиром, на екрану добијају отиске прстију и мрље које могу утицати на изглед ваших страница.
- На тастатури екрана. Док неки корисници имају бежичну тастатуру који се повезују на своје таблете, већина корисника таблет-а користи екранску тастатуру за унос података. Уношење ОСК-а може довести до неких смешних грешака, као и непријатности употребе у дужем временском периоду.
Због ових карактеристика уређаја, веб дизајнери би требали нагласити неколико основних правила дизајна за кориснике екрана осетљивог на додир:
- Не стављајте предмете који се стављају близу. Не постоји чврсто и брзо правило којим се дефинише колико је блиско близу, али се листа линкова, посебно у малој величини фонта, може отежати навигацијом тако што ћете кликнути (додирнути) с прстом. Може бити непријатно што мора да се зумира само да бисте покушали и кликнути на везу. Овај принцип важи за дугмад и везе.
- Хијерархије може бити тешко остати отворено. Једна популарна форма динамичког менија користи ЈаваСцрипт да би отворила подмени када корисник кликне и онда лебди миш преко подменија. Ове државе могу бити веома тешке или немогуће користити на додирним екранима јер они не остану отворени или неће затворити.
- Померите везе и клизне површине далеко од десне ивице прозора. Већина људи има десну руку и склони се на ту страну екрана. Пошто је скроловање извршено гестом, понекад је могуће погрешно померити линк на грешку. Корисници могу бити узнемирени ако желе да се помичу на страници и уместо тога су случајно додирнули везу. Померањем веза са десне стране, можете им помоћи да избегну ову неугодност.
- Нема миша. А то значи да нема показивача миша. Не би требало да се ослањате на промјену показивача миша како бисте указали на то да се нешто може кликнути.
- Стање лебдека не постоји. Као последица горе наведеног, с обзиром да нема миша, нема ништа са којим треба да се крије. Веза је или кликнута (таппед) или не на екрану осетљивом на додир, тако да корисници не могу да закључе било какве корисне информације из таквих стања лебдења, као што су промене боје, савети алата или промене статусне траке.
- Црна позадина побољшава одсјај. Место са црном позадином може бити веома тешко читати на уређају осетљивим на додир због бљештавости. Црни чини отиске прстију на уређајима јасније, замагљујући екран. А црнац може претворити екран у огледало одражавајући се корисници често више него текст на екрану.
- Дуги блокови текста у облику је тешко писати. Иако је могуће писати читаве романе на иПад-у или Андроид или Виндовс таблету, већина људи не воли да користи дугмад на екрану за дугачке текстове. Што више ваш дизајн може учинити унос података што краћим и лакшим, то боље.
Најважнији аспект дизајнирања са додиром на додир је да тестирате своје странице на екрану осетљивом на додир . Иако су на располагању велики број емулатора за иПад и Андроид и пуно Виндовс таблета, они и даље не пружају осећај екрана осетљивог на додир. Не можете рећи да су везе преблизу или да су дугмад превише мала - или да блеск чини страницу претешком за читање - осим ако не изађете из таблет рачунара и испробате их пре него што пустите нови дизајн веб сајта.