Проектиране на уеб интерфейси, мащабирани за сензорни екрани
Изминаха дните на объркана Javascript нотация и безброй плъгини включва в заглавката си. Дизайнът на оформлението направи голяма крачка напред, тъй като виждаме дизайнери да създават някои екстравагантни концепции. Понастоящем устройствата със сензорен екран предизвикват най-голям интерес от гледна точка на дизайнера и разработчика.
Вече повече хора използват устройства с активиран сензорен екран от всякога. Това включва таблетни компютри и целия списък на операционни системи за мобилни телефони. Всички тези устройства са мобилни и позволяват достъп от повечето отдалечени места.
Дизайнерите мащабират доверието си обратно, за да бъдат в крак с голямото търсене. Но какво е жизненоважно, когато се променя между стандартен уеб дизайн и приложение със сензорен екран? Има много нови тенденции сред дизайнерската общност, които могат да бъдат използвани за мащабиране на всяка идея във футуристична тъчскрийн технология.
Текущо състояние на адаптация
Въпреки че iPhone и iOS на Apple често се обсъждат сред основните медии и технологични гурута, те не са единственият пазарен капитал в устройствата със сензорен екран. Много преносими лаптопи и таблети са пуснати от производители на трети страни, включително Hewlett-Packard, Samsung и Microsoft.
В момента разработчиците трябва да гледат на интерфейсите на сензорния екран като на нови устройства, освен стандартната клавиатура и мишка. По традиция това е завършено с JavaScript обаждания или медийни заявки, което води до сложни данни за връщане. Трябва да има по-добър начин за възприемане на тези нови тенденции.
Като пример можем да сравним Apple iPad с всеки нетбук, работещ с Google Chrome, за да забележим веднага разлики. Въпреки че размерите на екраните им може да са сходни, те работят на две напълно различни нива. Дори самите операционни системи са много различни и поддържат нови изчислителни стандарти.
Печалбите и загубите
С сензорния интерфейс ние печелим голяма гъвкавост. Дизайнерите могат да поставят бутони и колела за превъртане навсякъде в страницата, тъй като всичко е достъпно с докосване или движение.
Разработчиците също могат да контролират изцяло функционалността на приложенията. Cocoa SDK за разработка на iOS предлага много класове, отразяващи взаимодействията със сензорен екран. Разработчиците могат да проверяват за множество пръсти и равномерно усещане за натиск между всяко взаимодействие.
Въпреки това ние губим много ключови дизайнерски пълномощия, които всички сме израснали да обичаме. Като пример няма нужда от състояния на задържане, когато се работи с напълно базиран на сензорен екран интерфейс. Това може да бъде заменено със състояние на действие винаги, когато потребителят активно натиска елемент, въпреки че целта е силно различаваща се.
Липсата на каквато и да е мишка също представлява проблем за въвеждане. Превъртането и прелистването между страниците трябва да е по-плавно и по-лесно от повечето приложения, тъй като има намалена функционалност. Клавиатурите също са вградени в таблета или ръчния екран, които предлагат коренно ново усещане за потребителското изживяване.
Групирайте общи елементи заедно
Клъстерирането на елементи е добра практика в дизайна на оформлението за приложения с тъчскрийн. Под клъстер нямам предвид натъпкване на всички бутони и елементи на страница в горния десен ъгъл. В действителност проектирайте карта за всеки изглед и изчислете коя информация е най-подходяща за кой изглед.
Това намалява безсилието и объркването в края на потребителя. Когато търсите настройки за актуализиране на информацията за акаунта, би било най-лесно да намерите всичко това в един екран. Това често се случва и с уеб приложенията, въпреки че интерфейсът обикновено е настроен за взаимодействие с мишката.
Вместо да създавате една дълга превъртаща се колекция от данни за мобилни операционни системи, предлагат уникални предимства. С повечето сензорни екрани можете да създавате раздели във всеки изглед на приложение. Те предлагат прост начин за потребителите да превключват между настройки и други данни без много усилия. Тази лента с раздели може да се сравни с навигационна лента, пълна със връзки към страници в класически уеб интерфейс.
План за безброй мобилни системи
Чудесно е да смятате, че уебсайтът ви работи с пълни спецификации HTML5 и CSS3, но това не решава много често срещани проблеми между интерфейсите на сензорен екран. При условие, че браузърът анализира страницата ви да работи с най-често срещаните DOM стандарти, ще се оправи.
Въпреки че Google Chrome за десктоп работи синтактичен анализ на силата, силно различен от този на мобилните BlackBerry или Opera Mobile. Всъщност за всеки от основните мобилни оператори виждаме много нови браузъри.
iOS идва със Safari по подразбиране, но много повече се съдържат в App Store. Всички съвременни софтуерни браузъри за мобилни платформи съдържат възможност за проверка за HTML5 бележки и атрибути. Ако е възможно, трябва да обмислите изпробването на всяка версия на оформлението на вашия сайт в основните случаи на сензорен екран. Браузърите между Android, Microsoft Mobile и BlackBerry ще се различават и изискват задълбочено планиране.
Разбира се, че е невъзможно да се угоди на всички през цялото време, но мнозинството със сигурност е цел, за която трябва да се постигне. Въведете инсталация на Google Analytics или друго приложение за статистически данни на вашия сайт, което ще анализира всяко посещаващо устройство.
Google предлага невероятно подробни данни за отчетите, като например кои мобилни браузъри достъпват до уебсайта ви най-често и до колко страници посещават средно всеки.
Не оставяйте камък необработен
Това също може да бъде съчетано като общи дизайнерски познания, но се уверете, че всеки елемент е на път за всяко оформление на сензорен екран. Когато поглеждаме назад към прототип или мобилен интерфейс, ние като дизайнери често се опитваме да променим и препозиционираме нещата до смърт.
Важно е да се осъзнае, че с сензорния интерфейс има много по-малко място за свободно движение. По този начин е важно да намерите оформление, което да работи най-добре и все пак осигурява най-лесното потребителско изживяване - и след това да се придържате към него!
Може да е трудно, но се доверете на чревния си и дизайнерски усет, за да знаете кога да го наречете на ден.
Помислете да изпробвате дизайна си на няколко свои приятели или членове на семейството. Бързото демонстриране или стартиране на приложението и потребителския интерфейс от външна гледна точка обикновено ще получи полезна обратна връзка и ще предложи критики от нов набор от очи.
заключение
Докато устройствата със сензорен екран продължават да нахлуват, ще забележим скок в развитието на приложението. Това е огромен пазар, включващ не само iOS устройства на Apple, но Google и Microsoft също стартират кампании за събиране на своя дял от мобилната мрежа.
Сравнението между всяко от тези устройства варира и ще се окаже различно от всеки дизайнер. Ако искате да разгледате още идеи по тази тема, помислете за разширяване на мислите си върху уебсайтове с тъчскрийн, за да видите какво има там. Уеб интерфейсите с тъчскрийн се развиват и с развитието на дизайнерската общност с тях ще видим иновативно UI вдъхновение, както никога досега!
