Како одговорен веб дизајн ќе го подобри корисничкото искуство за сите посетители
Земете еден миг и размислете за сите уреди што ги поседувате што може да се користат за да гледаат веб-страници. Ако сте како повеќето луѓе, оваа листа се зголеми во текот на изминатите неколку години. Најверојатно има и традиционални уреди како десктоп и / или лаптоп компјутер, заедно со уреди кои станаа познати во текот на изминатите неколку години, вклучувајќи ги и паметните телефони, таблетите, уредите за носење, гејмерските системи и многу повеќе. Можете дури да имате апарати во вашиот дом или екран во вашиот автомобил кој ви овозможува да се поврзете на интернет! Во крајна линија е дека уредот пејзаж станува се поголем и повеќе различни во секое време, што значи дека за да напредува на веб денес (и во иднина), веб-страниците мора да бидат изградени со одзив пристап и CSS медиумски прашања и мора да размислат како луѓето, најверојатно, ќе ги комбинираат овие различни уреди во една веб-прелистување искуство.
Внесете го корисникот на повеќе уреди
Една вистина што ја видовме е дека играме, ако луѓето имаат повеќе начини за пристап до Интернет, тие ќе ги користат. Не само што луѓето користат многу различни уреди за пристап до веб-содржини, но истото лице го посетува истото место со користење на овие различни уреди. Ова е местото каде доаѓа концептот на "мулти-уред" корисник.
Типично мулти-уред сценарио
Размислете за заедничка веб-интеракција што многу луѓе искусуваат секој ден - прелистување на веб-страниците за недвижнини во потрага по нов дом. Ова искуство може да започне на десктоп компјутер, каде што некој влегува во критериумите за она што го бара и ги разгледува различните огласи за сопственост што одговараат на барањето. Во текот на денот, ова лице може повторно да ги погледне специфичните својства на нивниот мобилен уред или пак да добиваат предупредувања до нивната е-пошта (која ќе ја проверат на нивниот мобилен уред) за нови огласи што одговараат на нивните параметри за пребарување. Тие дури би можеле да ги донесат истите предупредувања до уреди што може да се носат, како паметен часовник, и да ги прегледуваат основните информации на тој мал екран.
Овој процес може да продолжи во текот на денот со повеќе посети на страницата на друг десктоп компјутер, можеби од нивната канцеларија на работа. Таа вечер, тие можат да користат таблет уред за да покажат какви било огласи кои се особено интересни за нивното семејство за да добијат повратни информации за тие својства.
Во ова сценарио, нашиот клиент на веб-страница може да користи четири или пет различни уреди, секој со многу различни големини на екранот, да ја посетат истата локација и да ја разгледаат истата содржина. Ова е корисник на повеќе уреди, и ако веб-страницата што ја посетуваат не ги приспособат на сите овие различни екрани, тие едноставно ќе заминат и ќе најдат оној што го прави тоа.
Други сценарија
Пребарувањето на недвижен имот е само еден пример каде што корисниците ќе скокаат од уред до уред за време на целокупното искуство со некоја локација. Други примери вклучуваат:
- Пребарување автомобил за купување
- Планирање на одмор
- Читање вести статии
- Истражување идеи за подобрување на домот
- Барате локални изведувачи / услуги
- Планирање свадба или друг голем настан
- По спортски тим или спортски настан
Во секој од овие случаи веб-искуството најверојатно ќе се протега до повеќе од една сесија, што значи дека постои можност корисникот да користи различни уреди врз основа на кој е погоден за нив во кое било време.
Најдобри практики за следење
Ако веб-сајтовите од денес треба да се грижат за повеќе мулти-уред со користење на публика, тогаш постојат некои основни принципи и најдобрите практики кои треба да се следат за да се осигура дека овие сајтови се подготвени правилно да се справи со овие посетители и дека тие се рангираат добро во пребарувачите .
- Отворени веб-сајт - одговора распоред кој може да се прилагоди и да се промени за различни големини на екранот е од клучно значење за поддршка на разновидноста на веб-поврзани уреди достапни денес.
- Сите содржини треба да бидат достапни - ако некој може да пристапи до одредена содржина или функции кога ја посетуваат страницата на еден уред, тие очекуваат тие да бидат достапни кога ќе се вратат на други уреди. Содржината треба да биде презентирана на начин кој е соодветен за секој уред, но ниедна содржина не треба да биде "скриена" или "исклучена" за одредени уреди.
- Читливоста е клучна - без оглед на тоа какви уреди или која големина на екранот се користи за посета на веб-страница, леснотијата за читање на тоа место е важна. Ова значи дека типографијата е важен елемент на дизајнот за да се фокусира. Ако некој има тешко време да чита содржина на страницата, веројатно ќе ја напушти страницата.
- Доследност меѓу различноста - додека изгледот презентиран за секоја различна големина на екран ќе биде различен, треба да постои конзистентност од еден уред до друг. Целокупното искуство треба да биде поврзано, така што корисниците немаат потреба да ја објавуваат страницата секогаш кога ќе го посетат на нов екран.
- Направете Перформанси приоритет - веб-страниците треба брзо да се вчитаат и да работат добро на сите уреди, вклучувајќи и мобилни уреди со помалку совршени брзини на преземање. Целокупната ефикасност на веб-страницата треба да биде приоритет во сите аспекти на дизајнот и развојот на сајтот - на крајот на краиштата, никој никогаш нема да каже дека веб-страницата е натоварена премногу брзо или работел премногу добро !
Уредено од Џереми Жирар на 1/26/17