Мобилен първи дизайн: защо е страхотен и защо е гаден
В исторически план повечето уеб дизайнери и техните клиенти са се обърнали първо към работния плот на всеки проект, оставяйки мобилната част като второстепенна цел, която се постига по-късно. Дори с възхода на отзивчивия дизайн, много от нас започват със сайта в „пълен размер“ и работят по пътя си надолу.
Има все по-голяма тенденция в бранша, въпреки че този работен процес се насочва към главата му и всъщност започва с мобилни съображения и след това работи до по-голяма версия за десктоп.
Защо изобщо бихте подходили към проект по този начин? Какви са някои от плюсовете и минусите на тази стратегия? Прочетете, за да разберете!
Мобилният уеб дизайн не е ниша
Ако все още имате в главата си, че мобилният уеб дизайн и разработка на приложения е нишова индустрия, трябва да промените начина си на мислене. Мобилните не са тенденция, нито е дори бъдещето, това е настоящето. Не ми вярвате? Ето някои луди статистики, които трябва да вземете предвид от Mobithinking:
- В света има над 1, 2 милиарда мобилни потребители в мрежата
- В САЩ 25% от потребителите на мобилни мрежи са само мобилни (рядко използват десктоп за достъп до мрежата)
- Мобилните приложения са изтеглени 10, 9 милиарда пъти
- Продажбите на мобилни устройства се увеличават навсякъде с над 85 процента от новите телефони, които имат достъп до мобилната мрежа
Един от най-мощните факти тук е вторият елемент, който разкрива, че много потребители вероятно ще виждат само мобилната версия на вашия сайт. Това е изумително разкритие, нали?
Повече от всякога преди мрежата е нещо, което носим в джобовете си, а не нещо, което просто виси близо до бюрото ни или дори в домовете ни. Това е глобална тенденция, която ще продължи да наблюдава растеж само през следващите години. Готов ли си за това? Вашият набор от професионални умения включва уеб разработка за всички важни платформи или само за настолната арена?
Защо мобилен първи?
Коефициентът е, че никой от хората, които четат това, не е научил нищо ново до този момент. Телефоните от $ 500 + в джобовете на всички, които познавате, са всички показатели, от които се нуждаете, че мрежата е избухнала от кутията си с компютърна форма.
Фактът обаче, че мобилният достъп до интернет е популярен, почти нищо не ме убеждава, че трябва да следвам стратегия, която поставя мобилните устройства на първо място. От 25% от мобилните потребители, които са само мобилни, 75% от тях не са! Работният плот все още е важна среда, за да не бъде забравен или натиснат до задната горелка все още. Така че защо изобщо обмисляме да поемем по маршрута на първия мобилен телефон?
Един от основните катализатори за нарастването на мобилния първи уеб дизайн беше съобщението от Ерик Шмит през 2010 г., че Google ще използва този подход отсега нататък, стигайки дотам, че да каже „Мисля, че сега това е съвместният проект на всички да направим мобилен отговор на почти всичко ”(източник). Защо тази драстична промяна в подхода?
Грациозна деградация срещу прогресивно подобрение
Това са някои основни думи от преди няколко години, които все още могат да дадат много поглед върху понятието за мобилен първи уеб дизайн и защо е важна концепция, която трябва да се разгледа.
Грациозната деградация възникна от необходимостта да има функция за дизайн на възможно най-много браузъри и платформи. Дизайнерите и разработчиците искаха да се възползват от новите технологии, без да изключват потребители с настройки, които не разполагат с поддръжка. Общото заключение беше да се създаде и обслужва възможно най-доброто преживяване и след това да се отчита всяко възможно влошаване и да се гарантира, че въпреки всички недостатъци сайтът ще остане функционален.
По отношение на мобилния уеб дизайн, това означаваше, че пълен, стандартен уебсайт ще мащабира назад и постепенно премахва съдържание и функции, тъй като прозорецът става по-малък, а системата по-проста (без поддръжка на Flash и т.н.).
От тази тенденция възникна мощна нова идея: прогресивно усъвършенстване. В тази версия на приказката вие поставяте най-добрия си крак напред на мобилната платформа, предоставяйки на потребителите минимални екранни имоти, мощност на обработка и плъгини на трети страни невероятно изживяване, което едновременно изглежда страхотно и функционира перфектно. Тъй като възниква необходимостта, сайтът може постепенно да бъде „подобрен“ и дори напълно преосмислен за по-големи платформи с по-малко ограничения.
Защо печели прогресивното подобрение
На пръв поглед тези две методологии изглеждат приблизително равностойни. Кой се интересува откъде започвате процеса на проектиране, стига да стане, нали?
Реалността на ситуацията обаче е малко по-сложна. Когато започнете с платформата за десктоп, обикновено искате да се възползвате от всичко, което платформата може да предложи. Вие изграждате невероятен продукт, който използва много страхотни технологии, само за да осъзнаете, че никой от тях не намалява добре до мобилни устройства. Това може и наистина води до силно напоени мобилни продукти, които се чувстват по-скоро като замисленост, отколкото полиран, завършен продукт. Това се случва с всеки проект? Може би не, но историята вероятно е много по-честа, отколкото бихте искали да повярвате.
Ако проучим работния процес на прогресивното подобряване, резултатът е различна история. Тук започваме с проект, който е едновременно супер строен и доста впечатляващ. Взехте цялата тази начална енергия и я вложихте в създаването на продукт, който изглежда и функционира добре, въпреки множеството ограничения, пред които сте изправени.
По-важното е, че вече сте минали през проблема с подрязването на съдържанието до най-важните му елементи. Сега, когато е време да внесете този дизайн на работния плот, вместо да се сблъскате с решението какво да режете и как да поливате продукта си, вместо това трябва да решите как да го направите още по-здрав!
Уеб съдържание: Най-добре се подбира селективно
Горният аргумент идва при вас от чисто философска гледна точка, като крайният извод е, че резултатът е по-добър, ако се предприеме мобилен първи подход. Ако искате аргумент с малко по-наблюдаема субстанция зад него, не гледайте по-нататък от това как представяте съдържанието си.
Ако вземем изящната гледна точка на разграждането, цялото съдържание (текст, изображения, видео, аудио и др.) Се подава едновременно с това, което се приема за най-голямата платформа. От тук се отчитат мобилните версии, които просто игнорират или премахват голяма част от това съдържание от страницата. Проблемът обаче е, че той вече е зареден в това дали дадената платформа се нуждае от нея или не. Смятаме, че обслужваме повече съдържание, отколкото е необходимо в платформата, която често е свързана с най-бавната скорост на изтегляне. Виждате ли нещо лошо в това?
С гледна точка за мобилни устройства първо започваме, като зареждаме абсолютните голи основни елементи на по-малките платформи. Това води до моментно преживяване, което избягва излишното изоставане. Допълнителните ресурси се зареждат строго според нуждите на платформи, които могат да се справят добре с тях.
Какво ще кажете за отзивчивия дизайн?
Как всичко това се вписва с отзивчивия дизайн, другата тенденция, която превзема мрежата? Добрата новина е, че тези две стратегии не са конкурентни. Може да се каже, че са направени един за друг.
Отзивчивият дизайн е изграден около концепцията за медийни заявки, насочени към конкретни устройства и размери на прозореца. Имайки това предвид, можете да кодирате първоначалния си CSS с мобилна перспектива и след това да използвате медийни заявки, за да подбирате селективно допълнително стилизиране с увеличаване на размера на прозореца.
Това вероятно е обратното на метода, който обикновено приемате с отзивчив дизайн: започнете големи и след това намалете. Имайки предвид аргументите по-горе, има много логика за структурирането на вашите медийни заявки от малки до големи.
Голямата мазнина надолу
Ура за първият мобилен уеб дизайн. Най-голямото нещо е да посегнеш в мрежата след The Oatmeal. Така че защо не се вълнувам от това? Защо, макар да бързам с отзивчивия дизайн, често съм избягвал правилно темата за първият мобилен уеб дизайн?
Веднага се сблъсквам с по-малък екран, по-малко ресурси и куп повече главоболия.Отговорът тук е прост: нито е забавно, нито е лесно. Сигурният отзивчив дизайн е труден, но ми позволява да разгъвам мускулите си на разположение и да използвам много вградена функционалност на браузъра, за да изпълня някои готини подвизи. Отзивчивият дизайн прави кутията ми с играчки по-голяма, а не по-малка.
С мобилния първи дизайн обаче съм ударен над главата с ограничения върху стъпка първа. Това изобщо не е забавно! Веднага се сблъсквам с по-малък екран, по-малко ресурси и куп повече главоболия. Освен това просто не е удобната територия. Прекарах по-голямата част от кариерата си в уеб дизайна в пространството на работния плот, изграждайки преживявания около курсовете на мишката и кликванията, а не съвети на пръстите. Извърших много мобилни работи, но не бих го нарекъл моят силен костюм.
Най-важното е, че от строга дизайнерска гледна точка ми е много трудно да се потопя в дизайн, ако започвам с мобилни и работя по пътя си нагоре. Споменах това в неотдавнашна статия пред много „озъби“ в коментарите и дори чух водещи професионалисти в индустрията да пеят подобна мелодия.
Rising To Challenge
Нека да потърсим за секунда моите аргументи за и против подхода за първоначално проектиране на мобилни устройства. В категорията „за“ имаме ясни и логични аргументи, които са трудни за омаловажаване. В категорията „против“ имам много хленчене и лично колебание. Коя страна смятате, че печели тази битка?
Трябва да се откажа от малко удобство в името на това, че съм по-добър дизайнер.Може би имате някои по-добри анти-мобилни аргументи от мен, но ако гледам на това от обективна гледна точка, очевидно е, че подходът за първи път за мобилни устройства е по-силният конкурент.
Това означава, че вероятно трябва да преодолея себе си и да се изправя пред предизвикателството да започна проекти с мобилна гледна точка. Ако не ми е удобно да проектирам за мобилни устройства първо, добре, това означава, че имам място за отглеждане и техники за учене.
В крайна сметка, ако моите причини за възприемане на мобилен подход са ориентирани към потребителя и моите причини за това са лични, тогава трябва да се откажа от малко удобство в името на това, че съм по-добър дизайнер.
Какво те държи назад?
Вече знаете всичко за това колко страхотен е уеб дизайнът за мобилни устройства за вашите потребители. Знаете, че големи компании като Google използват този подход и можете да видите предимствата на мобилния работен процес. И така, какво ви задържа?
Споделяте ли моята гледна точка, че мобилното първо е трудна стратегия за изпълнение и сте съгласни, че просто трябва да направите скока? Или има нещо по-съществено, което ви задържа?
