Кращі практики для веб-дизайнерів Адаптивні макети або власні програми? [Op-Ed]

Не можна заперечувати, що мобільний - це майбутнє. Оскільки Google підтверджує, що більше пошуків виконується на мобільних пристроях, ніж на робочому столі, цілком очевидно, що всі веб-сайти дійсно повинні переходити на мобільний.

Але існує цікава дихотомія між вмістом у веб-переглядачі за допомогою адаптивних макетів і вмісту в програмі за допомогою власних програм.

Я хотів би вивчити обидві області і викопати корінь кожного вибору. Коли веб-сайт повинен переходити з оригінальним додатком над відповідним макетом? Чи може сайт працювати одночасно? Це життєво важливі питання, які слід задавати кожному новому творчому проекту сьогодні.

Значення Native App

Більшість користувачів смартфонів покладаються на рідні програми для своїх улюблених програм. Facebook, Twitter, Instagram та інші запускають свої власні програми.

Оскільки рідні програми виконуються в локальній операційній системі, вони дуже багато більш плавним та легким для роботи з анімацією, дизайном інтерфейсу та організацією вмісту. Рідні програми слідують правилам інтерфейсу користувача, зберігаючи їх узгодженими та природними припущеннями. Користувачі часто просто знають, як використовувати розсувні меню та панелі вкладок.

Багато великих видавців мають додатки в магазині iOS і Google Play Store, які охоплюють блоги, веб-сторінки та соціальні мережі. Але це справедливо сказати великих сайтів як Facebook і Twitter отримати більше цінності від рідних програм, ніж менші сайти.

Ця дискусія містить експертні висновки та основні публікації, що пропонують свої точки зору. Це гаряча тема для дизайнерів і креативних агентств.

Але факт залишається фактом, що власні додатки є корисними і цінуються кінцевими користувачами. Єдина змінна вирішити, чи може ваш веб-сайт працювати краще як мобільний додаток, або якщо користувачі навіть хочуть.

Повністю відгуки на веб-сайти: за і проти

У загальному контексті, чуйний веб-дизайн завжди добре. Веб-дизайнери не втрачають нічого, роблячи свої макети цілком чуйними та піддатливими до будь-якого екрану.

Але в контексті рідних додатків є деякі міркування. По-перше відповідні веб-сайти обмежені механізмом візуалізації веб-переглядача. На смартфонах це означає обмежену анімацію, відсутність спалаху і залежність від механізму візуалізації браузера.

Власні програми можуть використовувати основні функції смартфона або планшета. Анімаційні бібліотеки набагато потужніші ніж CSS або JS візуалізуються в браузері.

Те ж саме стосується вхідних елементів у формах, а також передачі даних та проблем безпеки. Багато людей вважають за краще використовувати додаток Pinterest над веб-сайтом Pinterest. Те ж саме стосується Flipboard, Dropbox, Feedly, Gmail або будь-яких інших основних веб-служб.

Але повинні ці сайти ні пропонувати адаптивне розташування? Є три варіанти:

1. Змусити користувачів мобільного Інтернету завантажити власне додаток
2. Запропонувати макет веб-сайту для мобільних пристроїв із додатковим посиланням на рідну програму
3. Просто запустіть макет веб-сайту для мобільних пристроїв окремо від рідної програми

Flipboard йде з 2-м варіантом, розміщуючи банер у верхній частині кожної сторінки. Ви можете зареєструвати обліковий запис Flipboard прямо в браузері Mobile Safari. Але користуватися програмою набагато простіше, швидше та інтуїтивно.

Сайт новин ZDNet навіть не згадує про свою мобільну програму під час відвідування Mobile Safari. Вона працює так само, як типовий адаптивний макет з новинами та ознаками.

Різниця полягає в роботі користувачів. Визначте, що найкраще для користувачів і датчик, з якого надходить більша частина трафіку.

Пам'ятайте, що мобільним програмам потрібен час для розробки та програмування. Вони часто вимагають більше роботи, ніж створення веб-сайту. Якщо ви хочете, щоб додаток для вашого сайту переконувався, що він доповнює ваш відгук достатньо, щоб забезпечити реальну вартість.

Перший робочий стіл або Mobile-First?

При розробці для Інтернету слід починати з найширшої ширини або найменшої ширини? Це питання, яке часто задають фрілансери та великі творчі агентства.

Дуже популярна думка - мобільний перший підхід, який був популяризований книгою Люка Вроблевського. Цей метод розглядає прогресивне покращення який починається з основ і збільшує функціональність для середовищ, які можуть працювати з ним.

Альтернативно, інші дизайнери схиляються до першого підходу на робочому столі, від якого коливається “вперше мобільний” до “мобільний”.

Ця стратегія працює завдяки плануванню всіх функцій, які ви хочете, на першому повному розмірі настільного монітора. Потім з цієї ідеї ви поступово зменшуєте можливості, визначаєте точки зупину і, врешті-решт, отримуєте найменшу схему для смартфонів.

Чи є тут правильна відповідь? Якщо відповідні макети починаються з найменших екранів, або ж вони є застарілими?

Єдиним недоліком вибору одного над іншим є потенційно відсутні функції. Починаючи з мобільного, ви можете опустіть функції або забудьте додати їх у більших дозволах. Починаючи з робочого столу, ви можете розробляти макети відчувати себе занадто переповненим на мобільному телефоні.

Однак жоден з них не є правильним чи неправильним. Виберіть найкращий робочий процес. Тільки не бійтеся робити серйозні зміни, якщо вони можуть поліпшити дизайн.

Краще з обох світів

Створення повністю реагує веб-сайту, який працює на будь-якому екрані, ймовірно, задовольнить більшість читачів. Отже, якщо у вас вже є відповідна розкладка, Ви повинні навіть турбуватися про мобільний додаток?

Як було виявлено в цьому великому творі від Modo Labs, відповідь зводиться до досвід користувача. Немає абсолютної остаточної відповіді. Мова йде про те, який метод пропонує найкращу форму споживання ваш конкретний проект на мобільному пристрої. Чи хочуть ваші користувачі мати мобільний додаток? Або веб-сайт більш ніж достатній?

Технологічний блог новин TechCrunch має чуйний макет і безкоштовний мобільний додаток, як з поважної причини. Їх сайт нещодавно висвітлював історію, яка підтверджує, що люди в США витрачають більше часу на програми, ніж на телевізор.

Але що, якщо хтось посилається на TechCrunch на Twitter? Якщо хтось натисне посилання на своєму iPhone, він відкриє Mobile Safari, тому що це HTTP-посилання. Саме тут корисний макет, тому що не кожен бажає вашого додатка.

Звичайно, деякі користувачі все ще хочуть відвідати ваш сайт і можуть віддати перевагу відвідуванню, не примушуючи завантажувати безкоштовну чи іншу програму.

Робота над базовим проектом

Найкраща відповідь на дискусійну відповідь проти рідної програми - це оцінювати кожен проект і вирішувати, що найкраще для кожного конкретного випадку.

З мого досвіду я стверджую, що соціальні мережі та інтерактивні веб-сайти отримують найбільшу користь від рідних додатків. І Android, і iOS мають великі рамки для створення додатків, які можуть підключатися до API, надсилати запити до баз даних і функціонувати чистіше, ніж веб-сторінка.

При цьому користувальницькі інтерфейси програм відображаються як програмне забезпечення, тому вам не потрібно турбуватися про властивості CSS або обмеження браузера. Це величезний для платформ, які потребують користувачам входити в систему і виконувати детальні взаємодії.

Але загальні бізнес-сайти, як у ресторанів, зазвичай працюють найкраще за допомогою простого розпізнавання макетів - особливо враховуючи обсяг роботи, необхідний для створення нативної програми.

Блоги та цифрові журнали - це дещо сіра зона. Відомі програми працюють добре для деяких, але інші не потрібні. Як правило, це залежить від вашого розмір ринку та аудиторію (тобто. технічно підкованих людей).

Створюючи нове інтернет-видання, можна багато чого розглянути. Якщо ви тільки починаєте, я рекомендую спочатку створити веб-сайт. Звідти буде легше зробити висновок, чи варто докласти зусиль до рідної програми.

Підведенню

Це має йти, не кажучи вже про це кожен сучасні веб-сайти отримують переваги від реагування. Незалежно від того, чи хочете ви створити рідну програму чи ні, макет вашого сайту має бути чутливим і піддатливим до будь-якого розміру екрана. Немає недоліків і забезпечує стабільну цільову сторінку для мобільних користувачів, які зростають.

Деякі веб-сайти можуть пропонувати посилання для завантаження для мобільних відвідувачів. Вони можуть бути продуктивними та корисними для маркетингу мобільної платформи вашого сайту. Але іноді варто запропонувати це як альтернатива, а не як мандат.

Збирайте відгуки користувачів, якщо це можливо, і оцінюйте їх на мобільному додатку. Спробуйте дізнатися, що ваші відвідувачі насправді думають про рідне мобільне додаток і базувати свої рішення на подальших дослідженнях.