Touchscreens працы У адрозненне ад клавіятур і мышэй
У першыя дні распрацоўкі вэб-сайтаў для мабільных прылад, большасць распрацоўнікаў раздвоены прапанаваных прадуктаў. Яны выпусцілі цалкам функцыянальную версію працоўнага стала, а затым «мабільны аптымізаваны» версію, распранулі прэч большую частку брэндынгу і вобразаў, каб прыстасаваць абмежаваныя магчымасці і хуткасць працы сеткі з манаблока тэлефонаў і бесправадных сетак 3G.
Сучасныя смартфоны, аднак, могуць зрабіць вэб-старонку гэтак жа, як эфектыўны, як настольныя ПК, праз сетку, як добра ці лепш, чым ўчорашнія DSL лініі.
Дызайн, то сыходзіцца назад да аднакарыстальніцкай інтэрфейсу. Але рызыка для дызайнераў не тое, што смартфон або планшэт не можа зрабіць сучасны спагадны сайт. Хутчэй за ўсё, гэта тое, што метад ўводу дадзеных карыстачом на сэнсарным прыладзе патрабуе значных змяненняў у асноўны дызайн сайта. Дні стварэння вэб-сайта, мяркуючы наведвальнікаў клавіятура і мыш скончыліся.
Асноўныя правілы дызайну сэнсарных экранаў
Праектаванне для сэнсарнага экрана-Aware вэб-інтэрфейсу патрабуе эвалюцыі традыцыйнага манітора мышы-клавіятура падыходу мінулага. У прыватнасці, вы павінны ўлічваць ўзаемадзеяння, як жэсты, краны і мультытач ўводу.
- Наразанне не з'яўляецца дакладным. Калі кліент не мае пальцы малога, нават з вельмі дакладным праграмнага кіравання, ён можа быць цяжка націснуць і быць дакладным.
- Жэсты адрозніваюцца ад кранаў. Для таго , каб пракручваць доўгую старонку на сэнсарным экране, карыстальнік пойла палец уверх ў акне браўзэра. Гэта можа здацца не значным , пакуль вы не зразумееце , што прагляд з дапамогай мышы, вы перамяшчаеце мыш ўніз.
- Два (і больш) палец краны. Карыстальнік можа выкарыстоўваць некалькі націскаў пальцаў на прыладзе, у той жа час, каб кантраляваць яго. Гэтыя дадатковыя адводы могуць азначаць нешта канкрэтнае ў залежнасці ад аперацыйнай сістэмы прылады карыстача.
- High-асляпленне прылада. Экраны большасць сэнсарных планшэтаў зроблены з моцнага шкла. Гэты матэрыял можа быць вельмі цяжка прачытаць, з вялікай колькасцю блікаў, пры яркім асвятленні сітуацыі. Акрамя таго, з усімі дакрананняў, яны атрымліваюць адбіткі пальцаў і плям на экране, якія могуць паўплываць на як вашыя старонкі выглядаюць.
- На экраннай клавіятуры. У той час як некаторыя карыстальнікі маюць бесправадную клавіятуру яны падключаюцца да іх таблетцы, большасць карыстальнікаў планшэтаў выкарыстоўваюць экранную клавіятуру для ўводу дадзеных. OSK запіс можа прывесці ў некаторых смешных памылак друку, а таксама быць нязручна выкарыстоўваць на працягу працяглых перыядаў часу.
З-за гэтых асаблівасцяў прылады, вэб-дызайнеры павінны вылучыць некалькі асноўных правілаў дызайну для сэнсарных карыстальнікаў:
- Не стаўце інтэрактыўныя элементы занадта блізка адзін да аднаго. Там няма нягнуткімі правіла, якія вызначаюць, наколькі блізка знаходзіцца занадта блізка, але спісы спасылак, асабліва ў невялікім памеры шрыфта, могуць быць цяжка арыентавацца, націснуўшы (крануўшы) з тоўстым пальцам. Гэта можа быць раздражняльным, прыйдзецца павялічыць, проста каб паспрабаваць і націсніце на спасылку. Гэты прынцып справядлівы для кнопак, а таксама спасылкі.
- Іерархіі можа быць цяжка трымаць адкрытымі. Адзін папулярны від дынамічнага меню выкарыстоўвае JavaScript , каб адкрыць падменю , калі карыстальнік націскае кнопку , а затым парыць курсор ў падменю. Гэтыя станы могуць быць вельмі цяжка ці немагчыма выкарыстоўваць на сэнсарных экранах, таму што яны альбо не застаюцца адкрытымі ці не будуць зачыненыя.
- Перасоўванне спасылкі і інтэрактыўныя вобласці ад правага краю акна. Большасць людзей правшей, і, як правіла, пракручваць па той бок экрана. Паколькі пракрутка ажыццяўляецца з дапамогай жэсту, часам можна пачаць красці па спасылцы з памылкі. Карыстальнікі могуць раздражняць, калі яны хочуць, каб пракруціць старонку і замест таго, каб у канчатковым выніку выпадкова націснуўшы спасылку. Рухаючыся вашыя спасылкі ад правага боку, вы можаце дапамагчы ім пазбегнуць гэтага нязручнасці.
- Там няма мышы. А гэта значыць , што няма паказальніка мышы. Вы не павінны спадзявацца на паказальнік мышы змяняецца, каб дапамагчы вам вызначыць, што-то клікабельнасць.
- Hover стану не існуе. Як вынікае з сказанага вышэй, так як няма мышы, няма нічога парыць с. Спасылка альбо пстрыкнуць мышшу (з разьбой) або не на сэнсарным экране прылады, так што карыстальнікі не могуць выводзіць любую карысную інфармацыю з такіх станаў, як пры навядзенні змены колеру, падказкі, або статус-бар зменаў.
- Чорныя фоны ўзмацніць блікі. Сайт з чорным фонам можа быць вельмі цяжка чытаць на сэнсарнае прылада з-за яркае святло. Чорны робіць адбіткі пальцаў на прыладах паказаць больш ясна, размыццё экрана. І чорны можа павярнуць экран у люстэрка, якое адлюстроўвае назад карыстальнікі сутыкаюцца часта больш, чым тэкст на экране.
- Доўгія блокі тэксту ў формах цяжка пісаць. У той час як можна пісаць цэлыя раманы на з IPad або Android або Windows, таблеткі, большасць людзей не любяць, выкарыстоўваючы экранную клавіятуру для доўгіх адрэзкаў тэксту. Чым больш ваш дызайн можа зрабіць ўвод дадзеных, як кароткі і лёгка, наколькі гэта магчыма, тым лепш.
Найбольш важным аспектам праектавання з сэнсарнымі экранамі на ўвазе, каб праверыць свае старонкі на сэнсарным экране прылады. У той час як шмат IPad і Android эмулятараў даступныя, і шмат таблетак для Windows, яны да гэтага часу не даюць адчуванне сэнсарнага экрана. Вы не можаце сказаць , што спасылкі занадта блізка або што кнопкі занадта малыя або што блік робіць старонку занадта жорсткую для чытання , калі вы не выйсці таблеткі і паспрабаваць іх , перш чым выпусціць свой новы дызайн сайта.