Мобилно на прво место не значи само мобилно: како да го поставите искуството низ уредите

„Мобилно на прво место“ стана стандардна дизајнерска филозофија со добра причина. Мнозинството веб-сообраќај сега е мобилен. Google ја индексира мобилната верзија на вашата страница за да го одреди рангирањето на десктоп. Производ што работи прекрасно на десктоп и слабо на мобилен е производ што работи слабо, точка.

Но „мобилно на прво место“ како дизајнерска филозофија суптилно се изопачи во нешто што никогаш не било замислено да биде: оправдување за игнорирање на десктопот.

Што всушност значи „мобилно на прво место“

Значи дизајнерските ограничувања да почнат од најмалиот, најстеснет екран и постепено да се надградуваат за поголемите. Тоа е дизајнерски процес, а не производна стратегија.

Увидот зад него е точен: полесно е да се додава сложеност како што расте просторот на екранот отколку да се одземе. Дизајнирање прво за десктоп, па потоа „правење да биде респонзивно“, обично дава десктоп искуство што е визуелно смалено, а не вистински прилагодено.

Дизајнирањето со мобилното на прво место дава распореди што се ефикасни по природа и што добиваат можности како што контекстот дозволува.

Проблемот со преминот меѓу уреди

Еве што повеќето производи со мобилно на прво место не го земаат предвид: корисниците не остануваат на еден уред.

Откриваат производ на мобилен, го зачувуваат за подоцна и сериозно го оценуваат на десктоп. Почнуваат да пополнуваат формулар на телефон и го завршуваат на лаптоп. Добиваат известување на мобилен, кликнуваат, па се префрлаат на десктоп за да преземат дејство.

За секој производ каде патот од откривање до конверзија трае повеќе од неколку минути, преминот меѓу уреди е правило, а не исклучок. Производ што не го зема предвид создава триење во најзначајните моменти.

Ова се појавува на конкретни начини:

Континуитет на сесијата. Корисник што е на половина од воведниот тек на мобилен треба да може да го продолжи на десктоп без да почне од почеток. Повеќето производи не го овозможуваат ова.

Напредок во формуларите. Формулари со повеќе чекори што бараат повторно внесување при менување уред водат до откажување. Зачувувањето делумен напредок, било локално или на серверот, е значаен лост за задржување.

Функционалности соодветни на контекстот. Некои дејства се по природа мобилни — споделување локација, пристап до камера, брзи ажурирања на статус. Други се по природа десктоп — пополнување сложени формулари, преглед на документи, детална конфигурација. Производите што се обидуваат сите функционалности да бидат подеднакво достапни на сите уреди честопати ги прават подеднакво просечни на сите уреди.

Аргументот за навистина различни искуства

Не само респонзивен дизајн, туку намерно диференциран дизајн според контекстот.

Апликација за достава на храна може да има поедноставен тек на нарачување на мобилен и детална табла за управување со нарачки и аналитика на десктоп. Ова не е ист производ со променета големина — тоа е ист систем претставен соодветно на контекстот во кој се користи.

Ова бара да се одлучи кој е основниот случај на употреба за секој тип уред, па да се дизајнира изречно за него. Бара и повеќе дизајнерска работа, повеќе инженерство и повеќе координација. Затоа ретко се прави сѐ додека корисничкото истражување не го наметне разговорот.

Перформансите се контекстуални

Страница што се вчитува за 2 секунди на десктоп со оптичка врска не се вчитува за 2 секунди на телефон во воз. Ист буџет на ресурси дава многу различни искуства на многу различни врски.

Перформансите со мобилно на прво место значат да се биде агресивен во тоа што се вчитува на мобилен: одложено вчитување на слики под преломот, одложување на некритични скрипти, послужување помали формати слики, невчитување функционалности што не се достапни во мобилен контекст.

Корисниците на десктоп со брзи врски можат да поднесат малку потешки страници без да забележат. Корисниците на мобилен со променливи врски забележуваат веднаш — и заминуваат.

Вистинското прашање

Не „дали нашиот производ е респонзивен?“, туку „дали нашиот производ работи добро во вистинските контексти во кои луѓето го користат?“

Тоа се различни прашања со различни одговори и многу различни импликации за вложувањето во дизајн и инженерство.

---

PNK WORKS дизајнира и гради производи според тоа како корисниците навистина се однесуваат низ уредите. Започнете проект.