Не пивом единым живут пятничные записи в блог. Всё-таки мы на профессиональные темы здесь разговариваем. Но выдавать ещё один мегасерьёзный пост нам тоже не хочется. Уж простите за метафоры, не удержались, пятница же!
Нам очень-очень много раз приходилось наблюдать клиентские муки и терзания по поводу создания мобильного приложения:
И самое главное — как понять, что качество продукта соответствует запросам пользователей, которые будут его покупать?
И т. д. В принципе, нормальная реакция адекватного человека. Но нередко руководители проектов так загоняют себя (и сам проект) в угол, что получают результат, который некрасивый или неудобный в использовании. Или же и то, и другое сразу.
Чтобы хорошие люди больше не мучились , мы решили придумать понятное и практическое руководство.
Процесс создания мобильного приложения напоминает попытку неподготовленного человека залезть на коня.
Спросите, а что здесь непонятного? Все знают, что лезть на коня нужно сбоку.
Тем не менее многие пытаются лезть на коня через морду. То есть, начинают сразу делать безумный интерфейс без чёткого представления о его использовании: нереально крутой, оригинальный, напичканный возможностями. Как правило, в таких случаях внедряются нестандартные решения, которые очень трудно программировать. Результат: вместо логичного и понятного интерфейса — абсолютно бесполезное и неудобное приложение, перегруженное графикой.
Такие приложения хорошо скачивают (срабатывает вау-эффект), но возврат в приложение не происходит (то есть, пользователи его удаляют).
Если вы
то возврат пользователя в приложение вам крайне важен. Думайте о своих клиентах в первую очередь.
Выяснили, через морду (то бишь, интерфейс) лезть не надо. Некоторые создатели сразу это смекают и тут же лезут с противоположной стороны.
Нет, не в это место, а сразу в программирование.
По этой причине сегодня сделано немало хороших, но крайне некрасивых приложений. Скачивают с маркета их неохотно, потому что они привлекают внимание других программистов, но никак не целевой аудитории.
При всей нашей огромной любви к разработчикам, начинать приложение с программирования нельзя. На планете очень мало самородков-программистов, которые сделают одновременно удобное, функциональное и эстетическое приложение. Гайдлайны производителей по графике и прочие манипуляции с изображениями (прототипирование, UI kit, нарезка графики) — это сущая ересь в понимании наших коллег-разработчиков. Конечно, они выполнят все стандарты, но концентрироваться на эстетике и эффектности интерфейса не будут. Им главное, чтобы всё работало, а если у пользователя не получается дружить с интерфейсом, то это его (пользователя) проблемы.
Получается, каждый специалист хорошо делает только то, что он умеет. Обращаться к кому-то одному смысла нет, почему — описали выше. Короче, как всегда, истина где-то там. Иногда и рядом.
То есть, звоним/пишем/телеграфируем, идём ногами к дизайнеру, и наконец-то озвучиваем идеи по поводу проекта. Можно даже аналоги от конкурентов показать. Вам не помешает узнать от специалиста следующее:
Самое ключевое здесь — представление, каким способом, методами дизайнер способен решить ваши бизнес-задачи.
В смысле, определимся с программированием. Для этого следует показать разработчикам UX-карту, прототипы приложения и техническое задание на разработку. Первое и второе вам поможет создать дизайнер. Увидев эти документы, программист объяснит вам, какие функциональные возможности оптимальны в реализации. И посоветует, от чего лучше отказаться. Также вы вместе найдёте компромиссное решение, если бюджет проекта стеснён (в разумных пределах, конечно).
Вот теперь, после инструктажа, можете забираться на коня, как нормальный человек, — сбоку, поняв процесс, рассчитав все движения и риски, имея толковые техзадания на дизайн и на разработку.
И не забудьте про седло.
Кони тоже бывают разные. Крутые арабские скакуны, симпатичные пони, непонятные особи в пальто и Коньки-Горбунки с высоким интеллектом… Тысячи их! Смотрите себе в карман, оценивайте бюджет, выбирайте, повторяйте движения по инструкции — и всегда будьте на коне.
Ну что, покатаемся? 😉
Владелец, или как его назвали разработчики, носитель (Wearer), взаимодействует с часами и своим iPhone. Устройство работает только в паре с iPhone 5 и новее посредством соединения BlueTooth, также требует наличия версии системы не ранее чем iOS 8.2. Самостоятельно часы только показывают время, но зачем они тогда нужны, верно?
Apple Watch позволяет, не доставая iPhone с кармана, управлять потоком уведомлений и сообщений. Это основная задача смарт-часов, поэтому для пользователей с одним e-mail в день они явно не подходят. Если вы находитесь в транспорте, в толпе, на конференции, в другой комнате, часы помогут вам реагировать на уведомления максимально быстро и комфортно.
Также Apple Watch умеет управлять музыкой, считает шаги, сердцебиение и потраченные калории.
Через часы можно отвечать на звонки и звонить самому, когда руки заняты. Особенно это актуально для фаблетов серии Plus, которые не всегда удобно доставать, чтобы ответить на ходу. Также смарт-часы понимают, что когда они не на руке, а телефон у вас, то оповещать о входящем звонке не надо.
Часы можно настроить на ношение на любом запястье — левом или правом, менять ремешки, коих появилось великое множество. Устройство заряжается с помощью магнитного коннектера и совершенно не отбирает заряд батареи у смартфона. Компенсация идет за счет того, что пользователь меньше достаёт iPhone с кармана или сумки.
Кстати, время смарт-часы показывают очень красиво. Apple Watch имеет множество разных циферблатов, каждый — настраиваемый.
Футуристический дизайн корпуса так же не оставляет равнодушным. Он может нравится, может и нет, но мимо не пройдет никто.
Приложения запускаются с iPhone и работают в фоне, отображая статус событий на Apple Watch и с возможностью реагировать на события. Соответственно взаимодействие делится на 2 части:
1. Приложение-компаньон в смартфоне (расширение на iPhone, которое управляет настройками и приложениями в смарт-часах );
2. Часы (приложение непосредственно в смарт-часах).
Источник изображения
В целом устройство создано в общей экосистеме с iPhone и Apple постоянно работает над тем, чтобы свести различия к минимуму. Но всё-таки смарт-часы имеют ряд важных отличий интерфейса.
Приложения Apple Watch делятся по взаимодействию на 3 типа.1. WatchKit
Приложения с полным пользовательским интерфейсом (запуск и элементы управления).
2. Glances
Приложение для уведомлений с возможностью индивидуальных настроек оповещения (кастомизации).
3. Notifications
Этот тип приложений отображает push-уведомления и позволяет пользователю реагировать на них.Приложение устанавливается и работает только в паре iPhone. Это значит, что установить его только на часах нельзя.
Сеансы взаимодействия — кратковременные (несколько секунд). Приложение смарт-часов дополняет основное приложение в смартфоне.
Watch OS
Типы навигации
1. Глубинная (иерархичная)
2. Постраничная (небольшое количество равноценных страниц)
Жесты для управления Apple Watch:
Многие скептики и сейчас продолжают говорить, что смарт-часы — всего лишь дополнение к телефону. Однако, Apple Watch покупают и будут покупать. Уже сейчас можно разделить пользователей на 2 аудитории.
Первая — те, кто действительно заинтересован в новый возможностях, которые открывают смарт-часы. Рискнём предположить «на глаз», что этот сегмент в меньшинстве.
Apple продаёт не просто инновационные продукты, а стиль жизни. Поэтому Apple Watch для своего носителя — демонстрация индивидуальности и хорошего вкуса. Кроме этого, смарт-часы делают своего носителя быстрее, конкурентоспособнее и продуктивнее. Соответственно, пока они рассчитаны на обеспеченную, успешную, амбициозную аудиторию:
Из всего этого следует понимать, что дополнять своё приложение функционалом для смарт-часов есть смысл, если планируется тесное взаимодействие с пользователем.
Идеальная сфера — приложения для спорта и здорового образа жизни. Сердцебиение, калории, шаги, скорость и пр. Всё, что можно измерить, посчитать, распланировать. В часах есть родные приложения — «Тренировка» и «Активность». Но можно предложить свою альтернативу — установка сторонних приложений для спорта доступна пользователю любой модели часов.
Мессенджеры
Теперь любое сообщение можно прочитать и ответить на него, не доставая смартфон из кармана. Уже разработаны приложения с возможностью отправки коротких слов. Также сообщения могут быть не только текстовыми: можно прислать небольшой рисунок, анимацию или вибрацию.
Apple Watch поддерживают Apple Pay и соответственно, всевозможную оплату картами Visa, MasterCard. В США и Великобритании с помощью часов можно оплатить любые покупки: от McDonald’s и автобуса до существенных приобретений. Также можно больше не носить с собой бонусные карты, авиабилеты и прочее — всё это доступно прямо из часов Apple.
Не всем носителям жизнь без Apple Watch показалась серой и невкусной.
Apple Watch не подходит людям, которые:
Главная задача, с которой сталкивается пользователь сразу после установки приложения, — разобраться, что и как делается. Поэтому в задачи дизайнера входит не только архитектура и красивый интерфейс, но и пояснение людям, как работать с приложением.
С целью обучения пользователя используются специальные элементы дизайна.
Демо-тур (start wizard) — это послайдовый гид по приложению, который позволяет провести обучение пользователя по основному функционалу приложения или его части.
Демо-тур применяется, если в приложении есть функции, по которым недостаточно подобного пользовательского опыта. Также он частично решает проблему неинтуитивного интерфейса.
Демо-тур приложения MyFun (PepsiCo)
Демо-тур Google Диск
Демо-тур Dropbox
Современные устройства с мультитач-экранами поддерживают одновременно до 10 точек касания. Это создаёт разработчикам дополнительные возможности при решении проблем с навигацией, а пользователю — проблемы в её понимании. Чтобы помочь пользователю с управлением, в нужный момент появляются подсказки.
Всплывающая подсказка — относится ко всей странице и может появляться на весь экран, снизу, сбоку экрана.
Всплывающая подсказка Instagram
Выпадающая подсказка — относиться только к одному элементу страницы.
Выпадающая подсказка Instagram
Оверлей — наложение подсказки на экран.
Оверлей в Google Диск
Пустые экраны (или экраны нулевого состояния) — это экраны, на которых пользователю нужно добавить содержимое. Они могут быть пустыми только при первом запуске, когда данные для отображения ещё нужно создать или от действия к действию (например, выбрать товары и наполнить корзину).
Страницы, на которые чаще всего попадают пустые экраны:
Большинство пользователей сразу не вспомнят, когда они видели пустые экраны в приложениях. Взаимодействие с пустым экраном обычно происходит в начале использования. В этом случае есть два пользовательских сценария развития событий для приложения с пустым экраном.
Первый сценарий:
я загрузил приложение — я вижу пустой экран — я не знаю что делать дальше — возникают ошибки (состояние неудачи) — я удаляю приложение.
Второй сценарий:
я загрузил приложение — я вижу пустой экран — я знаю что делать дальше — состояние успеха — я работаю с приложением.
Пустой экран без интуитивной подсказки — типичная и дорогостоящая ошибка проектирования. Этот экран считается второстепенным элементом UI, поэтому на него не всегда обращают внимание. Но с архитектуры пустой экран никуда не денешь: девелоперы обнаружат и добавят сами стандартное изображение, не попадающее в ваш дизайн и вызывающее сценарий № 1.
Пустые экраны — простой способ создать харизму приложения и хороший пользовательский опыт.
В идеале на пустом экране нужно:
Пустой экран легко вписать в общий UI приложения. Он вполне может быть изящными дополнять ключевые экраны, а в некоторых случаях — вовлекающим элементом. Это самое место для того, чтобы высказать свое расположение пользователю и добавить позитива в его жизнь.
Это приложение — мощный фоторедактор для мобильных устройств.
В нём пустой экран поясняет следующее действие и его результат: если нажать на кнопку, то начнется процесс обработки пользовательских фото.
Пустые экраны приложения Google Диск
При первом запуске редактора Clip Studio пользовательские файлы отсутствуют. Чтобы создать контент, нужно коснуться выделенного поля с плюсиком.
Пустой экран Instagram
Разработчики решили нарисовать на пустом экране вызовов грустного кота. Получилось интересно и понятно.
Пустой экран Viber
Разработчики этого приложения поместили в пустых экранах информацию, которая понадобится пользователю для работы с приложением.
Пустые экраны в Pinterest
Почтовый клиент выполняет также функции органайзера. Поэтому, когда задач нет, на пустом экране просто солнечно.
Пустой экран Inbox
Существуют экраны, которые имеют минимум элементов, но при этом не считаются пустыми.
Отличительный элемент — индикатор загрузки приложения или любого другого процесса в нём.
Фоторедактор Snapseed
Экран обработки фото в Instagram
Это экраны, уведомляющие пользователя про возникновение ошибки в его действиях или в самом приложении. С них чаще всего нет выхода в приложение до тех пора, пока ошибка не будет устранена. Например, когда прерывается соединение с интернетом и продолжить работу приложения невозможно.
Однако главная цель этих экранов — помочь пользователю разобраться и снизить степень его раздражения.
Экран ошибки в приложении Amplify
Они все не должны быть похожими по оформлению на пустые экраны, чтобы пользователь смог решить основную задачу.
Приложения с нестандартной навигацией и функциональностью вызывают непонимание у пользователей. Поэтому людям нужно помочь дизайном и взаимодействием. Ощущение заботы и успеха — эти чувства должны возникать при пользовании приложением.
Хороший пример вовлечения пользователя в популярном приложении AnyDo. В нем пользователь создает свой контент — списки личных дел для выполнения. Чтобы легче было понять, с чего начать, приложение предлагает дефолтный список задач, который можно отредактировать и сохранить как свой. Умелый маркетинг разработчиков формирует и поддерживает у пользователя ощущение успешно выполненной задачи.
Рассмотрим подробнее, как это работает.
1. Экран приветствия показывает стандартный список и предлагает пользователю начать работу.
После регистрации пользователь тут же получает письмо от исполнительного директора AnyDo и шоу-рил с демонстрацией работы приложения. Согласитесь, такое внимание очень приятно.
2. Пустой экран поясняет, что нужно сделать, чтобы добавить задачу в приложение.
3. Экран объясняет типичные касания для этого приложения, в том числе нестандартные:
За каждым проектом мобильного приложения стоит компания-создатель. Но пользователь продукта желает видеть не мегакорпорацию, а команду людей, проявляющих к нему интерес и заботу. Поэтому взаимодействие с приложением должно напоминать общение с человеком, который вас понимает и готов помочь в случае трудностей. Тогда приложение будут воспринимать как “человеческое лицо” компании.
Разработчиков AnyDo точно все видят так:
За успешное выполнение списка пользователя тут же ждёт сюрприз. А подарки любят все.
Разработчики Pinterest решили взять своего пользователя мотивацией. Судя по всему, у них получилось.
Стартовый визард Pinterest
Каждая проработанная деталь взаимодействия — это проявление искреннего уважения к вашим пользователям, выходящее за рамки одного приложения. Покажите, что ваш продукт сделан с любовью к человеку и мыслями о человеке.
Компания Google презентовала свой новый логотип. «Лаконичность, простота, яркость и дружелюбие.» — Так прокомментировали эту версию разработчики. Обновление касается всех сервисов Google. Изменилась и кнопка мобильных приложений. Теперь это — буква G из нового логотипа.
Download new google logotype free
А также вам пригодятся спецификации по айдентике Google:
И, конечно же, сама буква G. Архив доступен по ссылке.
Просмотрев интернет, можно найти уйму апокалиптических прогнозов на тему монетизации мобильных приложений. Все они сводятся к тому, что мобильный рынок захватят бесплатные приложения.
Но мы понимаем, что на все 100% такое невозможно. Без коммерческой выгоды в принципе невозможно развитие любой области. А спрос на это развитие есть. Нужно искать выгодные бизнес-модели.
Первое, что делает разработчик — смотрит на конкурентов:
Базируясь на этих данных, можно отстроиться от конкурентов, предложив целевой аудитории больше возможностей и полезных действий. В зависимости от этой отстройки выбираем модель монетизации.
В основе любой модели лежит лояльность пользователей. В зависимости от того, сколько функционала вы продаёте изначально, нужно определиться, как работать с аудиторией: с приоритетом на удержание постоянных пользователей, которые покупают дополнительные возможности, или уделяя внимание привлечению новых.
Здесь всё просто: назначить цену и получать оплату. Но популярность платных приложений с каждым годом снижается. Тем не менее этот рынок неплохо себя чувствует, ведь пользователи по-прежнему готовы платить за уникальный и незаменимый инструмент в своём смартфоне. Или за высокобюджетную игру. Вывод — ключевая идея платного приложения должна сражать наповал, а иначе не стоит выбирать эту модель.
Вы создаёте 2 версии — бесплатную (light) с ограниченным функционалом, и полную (full), за которую пользователь должен заплатить.
Монетизация происходит при скачивании полнофункционального приложения по одному из двух путей:
К этой модели можно добавить ещё один ресурс — рекламу в базовом приложении. Соответственно, в полном её не должно быть.
Полнофункциональная версия вашего приложения доступна для пользования на протяжении некоторого периода. По истечении пробного периода вы предлагаете либо купить лицензию на использование, либо удалить приложение. Если вам удалось «подсадить» пользователя на все полезные функции, прибыль у вас в кармане.
Бесплатное приложение, в котором доступна часть функций или контента, а дополнительные нужно покупать. Сейчас это одна из самых актуальных моделей. Мотивировать пользователя на загрузку легко — «бесплатно» всегда действует сильнее других убеждений. Затем вы предлагаете набор функций или контента за приемлемую цену.
Приложение может быть абсолютно бесплатным за счёт привлечения средств рекламодателей. Но не всё так просто.
Пользователи стараются любыми путями уйти от рекламы. Все мы устанавливаем антирекламные плагины в браузеры, переключаем каналы ТВ во время пауз. Также известно такое явление как баннерная слепота — человек совершенно не обращает внимания на окружающую его рекламу.
Реклама в мобильном раздражает больше: небольшой экран сужает пространство восприятия, а избавиться от надоедливых баннеров невозможно, если разработчик выбрал рекламную модель монетизации.
Выход — показывать только то, что может быть интересно и полезно. Например, если ваша аудитория — студенты, им нет смысла показывать «пластиковые окна недорого». Вам придётся анализировать аудиторию и создать в приложении рекламное пространство, соответствующее запросам пользователя.
Вы находите спонсора, которому интересна идея вашего приложения, и разрабатываете продукт под авторством его бренда.
Бесплатные приложения с просьбой поддержать проект. Редко выходят в ноль, поэтому в коммерческих целях не стоит использовать эту модель. Таким приложением люди пользуются без всяких мыслей о поддержке разработчиков.
Вы можете продавать подписку на уникальный и ценный контент вашего приложения. Эта модель вполне пользуется спросом, но вы должны учесть дополнительные затраты на разработку информационных материалов.
В AppStore и Google Play сейчас находится огромное количество приложений: более миллиона в каждом. Это значит, что конкуренция растёт и за внимание пользователя придётся сражаться ещё сильнее, чем год назад.
Вывод 1 — пользователь не будет просматривать список приложений в маркете далее 1-й страницы.
Вывод 2 — привлечение пользователя из маркета станет практически невыполнимой задачей. Нужно пользоваться другими средствами и работать с аудиторией максимально плотно. Как вариант — продвижение в социальных сетях, публикации обзоров на популярных ресурсах. Людям проще узнавать рекомендации от авторитетного источника, чем тратить время на сравнение самостоятельно. Реклама и целевые страницы при должном подходе тоже дают неплохие результаты.
Вывод 3 — применив все способы выше, мы понимаем, что обеспечить возврат в приложение — отдельная задача, направленная на удержание внимания пользователя. Она решается через дизайн, юзабилити и маркетинговые подходы.
Они всегда в приоритете у пользователя именно потому, что за них не надо платить. Не все готовы покупать хорошее приложение, если есть бесплатный аналог чуть хуже.
Такое приложение само по себе практически невозможно монетизировать. Оно функционирует как часть сервиса и является частью большой системы с общим бюджетом.
1) Прежде чем взять, нужно поделиться чем-нибудь бесплатно. Предлагайте бесплатные версии приложений, пробную подписку на контент, бесплатные предложения от своего сервиса.
2) Если выбранная бизнес-модель не принесла ожидаемый результат, её следует плавно сменить на другую. При этом важно, чтобы пользователи получили частично обновлённый продукт.
3) Чем удачнее бизнес-модель, тем больше вероятность, что ваше приложение станет хитом.
Реальность фантастического фильма намного ближе, чем кажется. Многое, описанное здесь, — это будущее, которое приближается к нам гораздо быстрее, чем могли представить себе люди лет 50 назад. Каким станет мир с мобильными технологиями?
Персонализация устройств приведёт к тому, что приложения и мобильные технологии станут частью самого человека. При этом под мобильными устройствами надо понимать не только привычные смартфоны и планшеты, а и другие устройства, носимые на теле (одежда, часы, очки, браслеты, кольца и пр.). Все они будут создавать так называемую дополненную реальность (mixed reality), — вспомогательную информацию для восприятия окружающего мира.
То что видел Терминатор, сканируя попавшихся на пути персонажей — тоже дополненная реальность. Всего 25 лет назад это было фантастикой.
( Терминатор 2)
Дополненная реальность в мобильных устройствах стала известна благодаря компании Google и очкам Google Glass.
Они не получили массового распространения и сразу были запрещены в нескольких странах, так как показали проблемы, к решению которых современное общество пока не готово. Например, что делать с приватностью, насколько правомерно снимать людей на видео/фото без их согласия, не вредят ли они психическому состоянию носителя и пр. Сейчас Google Glass — концепт, опережающий своё время и потребности людей. Но нет сомнений в том, что технологии дополненной реальности перевернут этот мир с головы на ноги.
Мобильный телефон будущего (концепт).
Мобильные приложения сильно потеснят веб-технологии. С развитием и распространение мобильных устройств, приложения будут иметь гораздо больше полезного функционала, в отличие от сайтов. При этом удобство использования и безопасность данных в приложениях намного выше.
Для примера возьмём мобильный банкинг. Сейчас он реализован в двух интерфейсах — веб, который используют с десктопных устройств и мобильный — с приложений мобильных устройств. Каждый из них по-своему удобен, но ни один не универсален:
В будущем управление личными финансами полностью переместится в мобильные устройства, а необходимость в привычных сегодня веб-интерфейсах отпадёт.
Мобильные приложения окончательно упразднят привычные способы взаиморасчётов, в том числе — наличные деньги, кредитные карты и банкоматы для них. Оплата чего-либо будет производиться с помощью бесконтактных мобильных технологий: одно устройство считывает данные с другого устройства, платёж проходит моментально, а чек сохраняется в вашей истории платежей.
Бесконтактный платёж
Еще один пример, почему веб-ресурсам придётся искать новые решения для себя.
Вы замечали, каким образом получаете новости из внешнего мира? Сколько источников воспринимаете?
Источников информации стало в десятки раз больше, чем было ещё 10 лет назад. Но получаем мы информацию иным способом — через социальные сети. Сегодня достаточно быть подписанным на ключевых политиков, медийщиков и общественных деятелей, чтобы получать информацию сразу от её создателей, а новостные события в СМИ всё чаще сделаны в формате: «Как написал Иван Иваныч в своём Фейсбук, … [и здесь — суть события]». Крупнейшие медиаресурсы теперь ретранслируют события из социальных сетей, а сообщества принимают непосредственное участие в решении проблем.
В будущем совсем не станет бумажных изданий и медиасайтов. Информационное пространство полностью переместится в соцсети и каждый сможет управлять им с мобильного приложения.
Пост в Фейсбуке заменяет полноценный репортаж, поэтому заработает тот, кто первый спродуцирует контент. Мобильные устройства уже имеют все средства для создания качественного контента. В недалёком будущем контент станет пользовательским почти полностью, а контролировать достоверность информации станет в разы проще, так как стать первоисточником информации сможет любой человек.
Традиционные университеты заменит онлайн-образование. С помощью мобильных технологий информация станет доступной для любого жителя планеты, а настоящей ценностью будут уникальные знания и опыт, за которые многие будут готовы платить.
В информационном мире мы постоянно используем личные данные для совершения разных операций. В будущем такие операции будут выполняться ежесекундно, поэтому ценность секретной личной информации возрастёт в несколько раз. Информационная безопасность станет главной проблемой как корпораций так и среднестатистического гражданина на планете.
Мобильные устройства по-настоящему освободят человечество для движения. Это происходит уже сейчас: множество людей не представляют свою работу без мобильных устройств. Многие работают удалённо и путешествуют. Но большому количеству профессий всё ещё нужны большие мониторы. За примером далеко ходить не надо: рабочее пространство наших дизайнеров требует дополнительных громадных мониторов.
Мобильные технологии будущего позволят превратить любую поверхность в рабочее место, управлять которым можно с помощью жестов и касаний. Любое пространство станет продуктивным для человека. Достаточно будет лишь одного мобильного устройства.
Революция в пространстве уже произошла. Совсем скоро каждый сможет создавать 3D-проекции с мобильного в любой точке планеты. Офисы в нашем привычном понимании будут упразднены и станут виртуальными.
Большинство бытовых вопросов уже можно решить с помощью мобильных приложений. В будущем широкое распространение получат мобильные технологии для управления любыми механизмами: автомобилями, домашними устройствами, промышленными роботами.
Тони беседует с Джарвисом
(Железный человек)
Грани между личной жизнью и работой будут стёрты. Люди смогут быть более эффективными в карьере и успевать жить своей жизнью. Как? Компании внедрят мобильные устройства в бизнес.
Предпосылок для этого много, но вот главные. Во-первых, уже появляется спрос на мобильную оптимизацию бизнес-процессов.
Во-вторых, компании — большая платёжеспособная аудитория, в отличие от потребительского сектора, избалованного бесплатными решениями.
Использование мобильных устройств сотрудниками будет использовано с целью управления рабочим процессом и повышения продуктивности и личной эффективности.Также компаниям понадобятся системы управления мобильными устройствами сотрудников.
Мобильные технологии позволят полноценно работать из любой точки мира и организовать любую команду. Это не будет похоже на сегодняшнюю удалённую работу: средства дополненной реальности могут создать полноценную коммуникацию на расстоянии и позволят людям работать в любой компании мира без смены места жительства, а корпорациям — избавиться от нехватки нужных кадров.
Просто не верится, что человечество станет ещё более мобильным, нежели сегодня. Но это будет, и мы с вами — непосредственные участники процесса, что очень вдохновляет.
Доступно много информации о том, как создаётся текст для веб-интерфейса. А про текст для мобильных приложений как-то не очень. А между прочем, текст для веба и мобильного приложения — это не одно и тоже.
В мобильном приложении есть как текст интерфейса, повышающий уровень взаимодействия, так и текстовый контент, задачей которого является коммуникация.
Текстовый контент в мобильном приложении имеет несколько иные условия использования, нежели текст для десктопного чтения.
Важно понимать, что смартфон — это не мини-компьютер. И приложения для него имеют иной принцип взаимодействия, который отличается от ПК.
Это значит:
Мобильный пользователь либо убивает время, просматривая текстовый контент, либо находится в спешке. Исследователи утверждают, что в обоих случаях его раздражает большой объем текстовой информации. Однако мы с вами на себе не раз замечали, что интересная лично нам информация прочитывается внимательно в любом объеме.
Мобильный контент в 2 раза сложнее читать. Это объясняется неполным информационным контекстом или его отсутствием. Экран ограничивает поле зрения пользователя, вынуждая его кратковременную память запоминать больше и на длительное время. Это утомляет и снижает концентрацию.
Длинная прокрутка и неудобная навигация по тексту (сплошной текст без блоков и форматирования) усложняют чтение, мешают сканированию текста.
Исследования Nielsen Norman Group по мобильному контенту показали, что редактирование статей для чтения с мобильных приложений должно быть более тщательным, нежели для полнофункциональных веб-сайтов. Исследователи объясняют это меньшим запасом терпения у пользователей.
Текст интерфейса постоянно сталкивается с ограничениями: размером экрана и размерами элемента с текстом (например, кнопки). Поэтому часто при разработке дизайна приложения возникают ситуации со слишком длинными названиями кнопок.
Например, рабочее название кнопки — «Зарегистрироваться» (18 символов). А помещается в макете не больше 10. Для этого кнопки переименовываются так, чтобы сохранить понятность действий. К этому примеру подходящими названиями будут «Готово», «Продолжить» или другие, в зависимости от контекста и дальнейших действий пользователя.
Текстовое форматирование осуществляется по рекомендациям компаний-разработчиков мобильных платформ. Гайдлайны содержат допустимые шаблоны всех страниц мобильного приложения, включая страницы контента и размещение текста.
Как будут выглядеть кнопки с названиями и пример текстового контента, лучше всего продемонстрирует UI-kit приложения. В нём можно оценить эстетику и читабельность предполагаемого текста. Пример UI-kit и макетов приложения с текстовыми блоками можно посмотреть здесь.
Как понять, сколько текста достаточно для восприятия мобильного пользователя? Что труднее — развёрнутый текст или краткий? И каков механизм написания?
Вот некоторые соображения, основанные на опыте и исследованиях.
«Краткое — это слишком длинно для мобильных. Сегодня рулит ультра-краткое», — утверждают юзабилисты.
И это основная сложность. Сразу после понимания идеи появляется безумное многословие, которое нужно ужать до минимальных размеров. Или подобрать самые точные слова так, чтобы они ясно отражали смысл сказанного и не были банальными. Поэтому текст, который «короче», придумывается, как правило, дольше.
Чтобы сократить время и соблюсти краткость, текстовый контент для мобильного можно разрабатывать по алгоритму:
Работать с очень краткими текстами для интерфейса проще, используя только бумагу и ручку. Во-первых, на бумаге проще начать какую-либо новую задачу. Несколько зарисовок и ключевых идей помогают преодолеть психологический барьер и начать работать.
Во-вторых, бумага не только многое терпит, но и хранит идеи. Зачёркнутые мысли никуда не деваются. В процессе к ним можно вернуться или переосмыслить и что-то добавить. В текстовом редакторе, удалив несколько неудачных вариантов подряд, можно сутки провести перед чистым листом. Так что пусть бумажный способ кажется архаизмом, но он работает. К тому же, лист бумаги — «устройство», не требующее подзарядки.
Еще необходим сервис или редактор, способный сразу отобразить количество символов в слове или предложении.
Как оказалось, текст для мобильного приложения — работа тонкая и требующая не только нужных навыков от писателя, но и профессионализма дизайнера. И лучше, когда эти двое взаимодействуют. Написание такого текста принципиально отличается от стандартной работы веб-копирайтера ультра-краткостю и большим количеством редакторских правок.
8 июня в рамках ежегодной конференции разработчиков WWDC 2015 компания Apple представила новую iOS под номером 9. Анонсируя девятку, Apple прозрачно намекнули на медлительность конкурентов из Google: на 8-ю версию iOS перешло 80% пользователей платформы, тогда как на 5-й Android — всего 12%. Последнее связано с кастомизацией Android под устройства разных производителей. Отсутствие кастомизации — фирменная фишка Apple.
В этом пункте — совсем немного. Дизайн остался прежним, кроме шрифта. Apple ввела в интерфейс новый системный шрифт Sun Francisco, такой же, как и в смарт-часах. Также в дизайне стали прослеживаться другие общие детали с Watch OS: например, анимация. Разработчики постепенно сближают эти платформы между собой, превращая в единую экосистему.
Apple создала аналог Google Now, который показывает все приложения, открытые в фоновом режиме, список контактов и приложений. Это действительно долгожданная новинка для пользователей.
Искусственный интеллект Siri стала умнее аж на 40%. Теперь каждый пользователь может ощутить себя Тони Старком, только размахом помельче: Siri включит музыку, найдёт видео или ближайшее кафе, подберёт маршрут, напомнит о встрече. В паре с Apple Watch Siri также может управлять гаджетами умного дома, так что её можно попросить включить стиральную машину или сделать кофе. Почти как Джарвис, разница лишь в том, что он остался в комиксах, а Siri — настоящая реальность в устройствах от Apple.
Добавлен режим с множеством окон. Решение очень напоминает Windows для планшетов, но выглядит красивее. Доступно для iPad Air, iPad Air 2, iPad mini 2, iPad mini 3.
Режим в два окна на весь экран пока работает на iPad Air 2, так как это устройство имеет больше оперативной памяти, чем остальные в этом списке.
В приложение Примечания добавлены возможности, ориентированные на корпоративную сферу и повышение личной продуктивности.
Примечания теперь имеют больше функций и синхронизированные с iCloud и между устройствами.
Также в Примечаниях появились:
Это приложение в разы круче Evernote, а лучшего для заметок найти было сложно: большинство приложений ориентировано на текст, а графика идёт как дополнительный функционал. Примечания — разностороннее приложение, поэтому его оценят представители самых разных профессий.
Приложение News подаёт новости в удобном для чтения формате, запоминает предпочтения пользователя и самостоятельно формирует подборку новостей.
Кроме фантастического удобства для пользователей, News представляет настоящую угрозу новостным порталам. Да, они по-прежнему могут производить новости, но пользователи перестанут заходить непосредственно на сайты. Мир новостей постепенно перемещается в социальные сети и приложения. Хорошо это или плохо — посмотрим.
Клавиатура стала лучше и ещё удобнее. Также добавлен новый режим выделения текста: зажимаем 2 пальца, ведём по нужному тексту, выделяем и копируем.
Сервис теперь обслуживает больше банков и магазинов. Правда, если вы не житель США или Великобритании, то можете только молча завидовать.
Энергосберегающий режим продлевает работу без подзарядки на 3 часа.
Apple представляет возможность безопасно перенести приложения с устройства Android на iPhone с помощью беспроводного соединения. Все платные приложения при этом добавляются в список желаний iTunes.
Список устройств, для которых будет доступна iOS 9, выглядит внушительным по сравнению с предыдущей версией. Скорее всего, это связано с тем, что новая iOS — менее ресурсоёмкая.
Уже презентована версия для разработчиков, а в июле выйдет еще одна — бета для пользователей. Таким образом, компания желает получить максимальный отклик для улучшения продукта перед официальным релизом. Полный выпуск iOS 9 ожидается осенью этого года.
В новой версии iOS пользователи получат интересные нововведения и максимум ожидаемых улучшений в работе платформы. Ждём полного релиза.
1. Больше информации про iOS 9 на официальной странице Apple.
2. Для тех, кто не видел конференцию — посмотрите полную версию.
Любой замечательный проект мобильного приложения может попасть в ловушку идей. Если из множества хороших, нужных и актуальных решений получается непонятный результат — вы попались.
UX-mapping — это визуальная карта вашего приложения. Постройте её и поймёте, что нужно предпринять, чтобы в итоге существенно увеличить количество загрузок и постоянных пользователей.
UX-mapping предотвратит или решит проблемы, связанные с общей функциональностью и построением приложения, одновременно сделав его использование понятным. Простое мобильное приложение имеет больше положительных отзывов.
Вложите душу в свой проект и ваши клиенты будут благодарны.
Свежий взгляд никогда не помешает. Вы уже столько времени работали и построили себе лабиринт, из которого все труднее найти выход. Покажите проект UX-дизайнеру. Сейчас только он сможет вас понять и найти выход к ключевым функциям приложения.
Определитесь, какие задачи решает приложение именно для вашей компании. Это возможность отсеять лишнее и остановиться на главном, а также понять для себя, какие сопутствующие проекты нужны для приложения.
Построение карты будет зависеть от того, каких действий вы ожидаете от пользователя. Но приложение должно нести в себе вашу идею, которую вы хотите открыть миру. Сделайте так, чтобы пользователи тоже ею прониклись.
Прежде всего вы сможете обозначить свои и пользовательские требования к приложению. Ориентируйтесь на пользовательскую логику. То, в чём вы хорошо разбираетесь сами, должно быть понятно и вашему клиенту, но совершенно на другом уровне. UX-карта поможет вам отсечь все лишнее и оставить возможности, полюбившиеся пользователям.
UX-mapping поможет создать логичную последовательность страниц приложения. Вы увидите общую схему всего механизма и, наконец, разберётесь, как он работает. Тогда у вас получиться понять, что в проекте лишнее, а что, наоборот, — нужно добавить. А главное, — точно знать, какое приложение в итоге получиться и как ваш клиент будет с ним взаимодействовать.
Когда вы увидите архитектуру приложения, то сможете выстроить архитектуру информационную. Во-первых, это шаг к понятному приложению. Во-вторых, вы сможете увлечь пользователя во взаимодействие с приложением. В-третьих, у вас появиться представление о том, что нужно написать на лендинг-странице, пока проект ещё в разработке.
Структурируйте информацию и возможности по приоритетам. Главная информация должна быть доступна в первую очередь. К ключевым действиям пользователя должен подтолкнуть контент.
Ещё на промежуточном этапе вы поймёте какой контент нужно использовать для приложения и сможете приступить к его подготовке. Используйте уникальный контент. Он в несколько раз эффективнее, потому что:
Проверьте сами, вам понравится.
Выполнение прототипирования — важный аспект для взаимодействия, который повлияет на успех приложения. В любом случае профессиональная разработка прототипов выгоднее, чем внесение исправлений на этапе разработки.
Теперь можно поглядеть на структуру приложения в режиме “до и после”. Подумайте о том, какие идеи стоит приберечь к следующему проекту. И вперёд работать дальше!
В повседневной жизни, к примеру, когда вы заходите в магазин, то обращаете внимание на всё: качество и разнообразие товара, улыбку продавца, его профессионализм, оформление интерьера, удобство расчёта и доставки. Чтобы вы совершили текущую и последующие покупки, вас должны устроить все параметры. Это и есть Customer Experience или покупательский опыт.
Ещё CX — методология, которая занимается вовлечением и взаимодействием с постоянными клиентами компании.
На практике это некая сумма впечатлений, которые получает покупатель от
Позитивный покупательский опыт включает в себя:
Вот всего-навсего то, что компания должна сделать, чтобы сформировать аудиторию постоянных клиентов.
Изучение и формирование CX позволяет вам правильно себя позиционировать на рынке и быть востребованными. Большие компании используют методологию Customer Experience для того, чтобы иметь уникальное конкурентное преимущество.
Широкие возможности для исследования и формирования покупательского опыта открывает мобильное приложение.
Именно постоянные клиенты активнее используют мобильное приложение для своего удобства. Поэтому работа над ним не должна прекращаться после размещения в маркете.
Вот тут и начинается самое интересное. Вы стали ближе к своему клиенту и находитесь с ним везде: в руке, в кармане, под подушкой. Все важные моменты в своей жизни он теперь проведёт рядом с вами. Это огромное признание вашей компании и, одновременно, большая ответственность, которую вы теперь несёте.
Ваша задача не только в том, чтобы завязать длительную дружбу с клиентом, но и продлить её на долгие годы. Используйте для этого мобильное приложение в своей маркетинговой стратегии.
Приложение — это инвестиция, а не дань моде или тренд, хотя его наличие уже многое говорит об уровне вашего бизнеса. Оно применяется при любом взаимодействии компании и клиента, например:
Мобильное приложение помогает компании проявлять невероятную гибкость в отношении к информации: то есть, доносить её до нужного пользователя в любое время. Чтобы это происходило регулярно, вам необходимо позаботиться о возврате пользователя в приложение.
Зачастую приложения многих компаний изначально не ориентированы на возврат пользователя. Это значит, что назначение приложения для бизнеса и пользователя не совсем продуманное, а следовательно, и дизайн. CX решает проблему «выгорания аудитории», характерную для многих приложений. Изучите, чего хочет клиент, и дайте ему это.
Важно помнить: возврат пользователя можно обеспечить правильным дизайном приложения. Push-сообщения клиенту могут надоесть, а интересный контент всегда привлекает. Чтобы клиент открывал приложение как можно чаще, придумайте дополнительные полезные для него решения и обновите дизайн приложения.
Например, основной функцией приложения для ресторана является заказ блюд и резервирование мест. Если приложение будет содержать дополнительно интересные рецепты, возвратов будет больше.
Мобильное приложение — это средство обращения к эмоциям клиентов. Покажите им, какие вы вместе классные! Если вы убедите пользователей в том, что ваша работа выполнена с душой и на совесть, с мыслью о человеке, то отдача не заставит себя ждать.
Человек всегда хочет быть причастным к великой идее, отождествлять себя с конкретной философией и стилем жизни. Branded CX — впечатления и эмоции от товара с ценностями бренда. Это происходит, когда человек, к примеру, становится обладателем нового iPhone. А все потому, что бренд и продукты Apple — безупречны, о чём говорят толпы поклонников и очереди за новыми девайсами.
Отобразите свою идею в мобильном приложении. Человек, который ежедневно наблюдает за её развитием, тоже ею проникнется. Более того, он поможет вам в развитии этой идеи. Дайте клиенту почувствовать, что он ваш вдохновитель.
Задача дизайнера заключается в том, чтобы соединить ценности бренда, внешнюю безупречность и функциональность в одном приложении.
Этот подход осуществляется через
Приложение позволяет быть на связи с клиентами постоянно и «лично». При обращении пользователя к вашему приложению система учтёт его местоположение, поисковый запрос, предпочтения. У вас есть уникальный шанс дать понять клиенту: он — единственный, неповторимый, и всё, что вы делаете, — для него.
В современном мире недостаточно знать общую информацию о клиенте. Вы должны все время иметь в виду, что она изменяется. Вам нужно учесть малейшие сдвиги в культурной среде пользователя, знать, как воспринимают вашу компанию. Тогда вы получите дополнительные рычаги влияния на потребности и мнения потенциальных покупателей.
Мобильное приложение находится постоянно в руках вашего клиента. Он может поделиться данными, которые помогут вам улучшить качество услуг компании и уловить покупательские тенденции и поведение.
Ссылайтесь в приложении на социальные сети. Во-первых, они содержат о клиентах намного больше информации, чем вы можете получить любым другим путём. Во-вторых, эту информацию не нужно просить. Ею делятся добровольно! В-третьих, вы получите возможность собирать, учитывать и контролировать комментарии о своих услугах.
Для бизнеса очень важна эффективность затрат на рекламу и коммуникации. Современный пользователь к рекламе как таковой очень привередлив, но легко воспринимает контент. Особенно когда сам может его создать и показать другим. Позвольте ему делать это в любую минуту. Если же таковой функции в вашем приложении нет, используйте только оригинальный контент.
Рекламные акции посредством приложения наиболее эффективны. Их проще всего сообщить клиенту. Предложите пользователям дисконт или акцию в случае, например, заказа через приложение, а не через сайт. Так можно и приложение раскрутить, и случайных клиентов превратить в постоянных.
В ожесточённой борьбе компаний за каждого клиента качество мобильного приложения может сыграть одну из ключевых ролей. Главное здесь — соответствие приложения запросам ваших клиентов. Представьте на секунду, что ваше мобильное приложение гораздо удобнее и более продуманное функционально, чем у конкурентов. Конечно, пользователь выберет вас. В противном случае бегите к дизайнеру за UX-картой.
Если мобильное приложение — это и есть товар, его качество определяет дальнейшие успехи проекта. Продюсер рассматривает его как бизнес-проект, конечной целью которого является прибыль от скачивания пользователями. Такое мобильное приложение нацелено на выполнение текущих повседневных задач пользователя и не будет привязано к услугам конкретной компании.
Дальновидный бизнесмен постарается не только приманить клиентов красивым дизайном и рекламой, но и снабдить приложение такими функциями, без которых пользователи не смогут больше представить свою жизнь. Донести эти функции до пользователя и не заблудиться в своих же идеях ему помогут UX-дизайнеры.
Задача удержания пользователя решается обновлением дизайна приложения и программных возможностей, а также высоким уровнем продвижения (соцсети, лид-страницы, пользовательские отзывы).
В этом случае удобство загрузки, установки, понимания и использования, обновления приложения формирует покупательский опыт. От этого зависит, будут ли популярны следующие проекты автора, а также успех текущего приложения.
Услышав это слово, вы, как клиент, можете подумать, что UI-kit — модное ругательство или хитрый непонятный термин, за который с вас потребуют очень много денег. Действительно, в сети полно информации для специалистов и ни одного понятного слова о том, что такое UI-kit. Разбираемся и поясним, что это и для чего используется.
Сокращение UI расшифровывается как «User interface» и переводится «пользовательский интерфейс», а kit — «комплект».
Визуально UI-kit являет собой графическое изображение готового набора всех элементов экрана приложения, с помощью которых пользователь выполняет различные действия.
Пример хорошего UI-kit можно посмотреть здесь. Или здесь.
В UI-kit изображены элементы навигации и взаимодействия.
1. Строительные блоки:
2. Внутренние иконки приложения и символы для панелей управления.
Особенностью UI-kit есть изображение этих элементов интерфейса во всех возможных состояниях. Например, кнопка может быть в таких состояниях:
Для владельцев мобильных приложений все эти плашки, слайдеры и кнопки как набор аксессуаров, который формирует эстетику приложения. Красивый дизайн помогает продавать.
Для нас UI-kit — все элементы пользовательского интерфейса, которые создаются для всех экранов мобильного мобильного приложения. UI-kit выполняется в едином стиле в соответствии с проектированием приложения и стандартами операционной системы.
UI-kit это своего рода искусство в дизайне мобильных приложений. Он может создаваться без привязки к отдельному проекту.
UI-kit помогает создать индивидуальный и неповторимый пользовательский интерфейс с учётом особенностей клиентской аудитории приложения.
Помимо кастомизации важно, чтобы мобильное приложение выглядело и работало в системе, как родное. Дизайнер разрабатывает UI-kit, используя спецификации, последние тенденции дизайна интерфейсов и обновления мобильных платформ.
С выходом новой версии мобильной операционной системы приложению замена устаревших элементов более актуальными без нарушения структуры и паттернов приложения. Для этого разрабатывается UI-kit или несколько его вариантов и затем выпускается обновление.
Красивый UI-kit создаёт впечатление от приложения и формирует положительный пользовательский опыт.
Дизайнер упорядочивает свою работу и делает наглядную презентацию для заказчика. UI-kit позволяет сделать первичную оценку и затем выполнить дальнейшую доработку экранов.
Спецификации — это технические рекомендации производителей операционных систем для дизайнеров и разработчиков мобильных приложений. Они содержат все стандарты по созданию UI-kit. Со всеми спецификациями по Android можно ознакомиться на Android developers, по iOS – на Apple Developer.
Гайдлайны платформ определяют основные параметры UI-kit.
1. Все параметры строительных элементов интерфейса:
2. Спецификации по внутренним иконкам.
Здесь главное требование — не копировать иконки с интерфейса других платформ. Например, если приложение под Android, нельзя использовать стандартные элементы iOS.
Мы и дальше будем стараться, чтобы количество пугающих дизайнерских терминов для вас уменьшалось. Читайте App2World.
На самом деле всё очень просто. Представьте на секунду, что от бытовой техники в вашем доме не один пульт, а несколько. И на каждом — малюсенькие кнопочки. Раздражает, не правда ли? То ли дело один, и чтобы кнопки на нём, как на ядерном чемоданчике! И такой не нужен, говорите? Неудобно и то, и другое решение. Значит, истина где-то посередине.
Usability — это удобство пользования любым продуктом человеческого разума от шнурков до тяжёлого производства. Мобильные приложения — не исключение.
Существует обширный комплекс действий, чтобы достичь этого самого Usability.
Human Centered Design (HCD) – это подход к проектированию и разработке дизайна, в основе которого:
Иными словами, это дизайн, исходящий из потребностей, задач и ограничений конечного пользователя продукта. В нашем случае продукт — мобильное приложение.
Самое главное — всё время помнить, что пользователь должен быть доволен. Всегда.
Небольшие размеры устройств загоняют дизайнеров и проектировщиков в тесные рамки. Им приходиться изыскивать решения, которые будут максимально удобными для пользователя и приятными для глаз. Жертвовать нельзя ни одним из параметров. Если средства потрачены, нужно достичь результата.
Тактильное взаимодействие
Есть простая закономерность: смартфон держат в одной руке, планшет — двумя. Кнопки приложения нужно располагать в поле зрения и в области экрана, досягаемой большим пальцем.
Touch-область вокруг иконок должна быть достаточно большой для любого пальца. Также не стоит использовать выделенное состояние ссылок — мыши уже нет.
Зрительное взаимодействие
Элементы и текст должны быть хорошо видны. Лупа в комплекте мобильных устройств не предусмотрена. Да, можно задействовать масштабирование, но у него есть недостаток — обрезает видимую картинку и, вообще, очень неудобное.
Смартфонам свойственный совершенно другой принцип навигации, нежели стационарным компьютерах. Поэтому всё больше специалистов рекомендуют не использовать функцию прокрутки.
Сёрфинг в интернете или общение в соцсетях — очень популярные задачи, которые, на первый взгляд, выполняют на ходу. Это далеко не так, чаще всего пользователь делает это, удобно устроившись в домашнем кресле или перед сном. Тогда устройство удобнее повернуть горизонтально. Таким образом, дизайн приложения должен иметь две версии — портретную и ландшафтную.
Следует избегать избыточного заполнения элементами, резких цветов. Это мешает читать и нажимать. Свободное пространство тоже необходимо.
Также существуют правила Usability для контента. Только небольшие понятные тексты, размещенные согласно стандартам операционной системы. Если это не приложение для чтения литературы, разумеется.
Смысловое взаимодействие
Не нужно перегружать приложение функциями. Но и урезать их не рекомендуется. Сложная задача тем, что следует оставить только главные опции.
Пользователи приветствуют взаимодействие с интерфейсом (диалоговые окна, индикаторы загрузок, подсказки и др.)
Ошибочно полагать, что красотой можно пожертвовать.
Безусловно, экстравагантные решения следует приберечь для других проектов. Но чтобы быть заметным, приложение должно быть эстетически привлекательным. Прежде всего, — это позитивная эмоциональная реакция. Красивый интерфейс притягивает, делает работу приятной. Свойство человека тянуться к красивому — естественно, не стоит его в этом ограничивать.
Концепция любого приложения в первую очередь состоит из бизнес-задач. Они в дальнейшем определяют целевую аудиторию мобильного приложения.
Тестирование может выявить неверные предположения проектировщика. Но важно правильно сформировать его задачи, чтобы понимание процесса дизайнерами совпадало с пользовательским.
Тестирование включает в себя следующие этапы:
На практике, в зависимости от задач и характера приложения, используются разные методы тестирования.
Личное общение с участниками фокус-групп.
Необходимо, если целевая группа — люди специфической профессии (например, врачи). Специалист обязан изучить их повседневную жизнь (работу, отдых).
Анкета составляется с набора вопросов и ответов на них. Если проектировщики точно уверены, какую информацию им нужно получить, лучше использовать этот метод.
Преимущество дискуссии в фокус-группе в том, что в неё входят потенциальные пользователи, которые могут этот продукт оценить. В большинстве случаев это работает.
Справедливости ради отметим, что даже они бывают правы не на 100%. Если продукт по-настоящему инновационный, участники дадут ответ только исходя из своих «сегодняшних» знаний.
Этот тест эффективен, когда нужно улучшить существующее решение. Для его выполнения необходим прототип приложения. Пользователи должны решить типичные задачи в приложении. Например, совершить (или имитировать) перевод средств с одного счёта на другой. За всем процессом следят наблюдатели, которые имеют право задавать вопросы, но не дают подсказок.
Лучше всего планировать по необходимости. Если результаты одного метода не дали полных сведений, нужно провести другой анализ. Ещё всё зависит от бюджета разработки.
В нашем случае — экран мобильного устройства. Это определяет время, место, способ использования приложения.
Нужно ответить на вопрос, в каких случаях будет использовано приложение.
Опытным путём следует выяснить самые важные действия с приложением и наиболее частые. Так можно понять приоритеты пользователя и увидеть его ошибки.
Вот тут и начинается самое интересное. Можно на основе собранных данных нарисовать портрет и дать ему имя, например, Коля. Проектировщики тоже люди! И мыслят они исключительно образами, а не сухим набором слов. Им необходимо понять, как живёт Коля и какие функции мобильного приложения его интересуют.
При дальнейшей разработке приложения, результаты учитываются полностью. На этом этапе легко исправить все недочёты. Другое дело, когда тестирование проводят для уже готового приложения, то исправления выполняются по решению компании-заказчика.
И самое главное. Если авторы приложения видят в нём только свои амбиции, то пользоваться готовым продуктом будут только они. Востребованные приложения всегда создаются людьми и для людей.
Тема потенциально холливарная. В целях личной безопасности очень просим воинствующих «яблочников» и «андроидоводов» на время прочтения не кидаться тапками. Все люди очень разные.
Поэтому мы принципиально не будем говорить о том, какая ОС реально лучше или хуже. Плюсы и минусы есть в обеих. Кстати, если мы случайно поможем кому-то сделать выбор между ними, то будем рады, что старались не зря.
Аппаратные характеристики трогать не будем (или очень постараемся). У Apple они вполне себе замечательные, а обзор Android-устройств — вообще отдельная тема. Поговорим о том, что понимаем лучше всего: об интерфейсах, приложениях и юзабилити.
Следует начать с того, что UX-дизайн этих платформ построен по совершенно разным принципам. Соответственно, это влияет на дизайн интерфейса и управление приложением.
У iOS единственная кнопка Home Button напрямую связана с особой UX-архитектурой приложений, которая уводит пользователя «в глубину» и не требует отмены предыдущих действий. На практике мы понимаем, что возвращаться назад не предусмотрено, выпадающие списки не нужны. Android имеет поверхностную архитектуру. Напоминает больше гибрид управления десктопными и мобильными программами: выпадающие списки имеются, но управлять ими нужно пальцем, а не мышью. Также возможен возврат на любое количество шагов назад (подобная работа возможна на ПК).
Интерфейс Android нельзя назвать совсем простым, но он очень динамичный. Несомненный плюс — кастомизация, то есть индивидуальные настройки. Пользователь может управлять иконками, как ему вздумается. Также можно менять темы, обои и прочие красивости, если понадобиться. Робот позволяет приложениям работать в фоновом режиме, что устраивает многозадачных пользователей.
В iOS привлекает минимализм во всём. Интерфейс понятный с большим количеством свободного пространства. Нет всплывающих окон, выпадающих меню и вообще сложностей. Меньше функциональных кнопок, больше папок, причём без ограничений по количеству приложений.
Иконки iOS разработаны по стандарту, который предлагается и дизайнерам для сторонних приложений. Это обеспечивает гармоничный внешний вид интерфейса. Android в этом смысле выглядит не так слаженно.
Фонового режима для приложений в iOS нет. Это позволяет ускорить работу устройства и экономить заряд батареи. Такой подход ценят деловые пользователи: нет необходимости думать о том, где зарядить телефон или носить с собой батарею.
Когда нужно взять смартфон в руки, чтобы он работал, желательно, без инструкций, то iOS равных нет. Она реально настроена на отличное взаимодействие с пользователем. Большие разрешения шрифтов, крупные кнопки для ввода с разделителями, много пространства на мониторе, — все это круто и привлекает.
А ещё в iOS-устройств безупречная эргономика. Например, любой iPhone очень удобный в одной руке. В этом плане большинство смартфонов с роботом на борту менее удобно. Эргономика устройств для Android зависит от решений производителей. Большинство гаджетов — разнообразные и габаритные. Смартфон с диагональю больше 5» многим пользователям трудно держать в руке, носить в кармане, особенно заднем. Исключение в этом смысле уже составляет Nexus 6, который имеет выгнутый экран.
Юзабилити зелёного робота уступает iOS, если с ним не поработать. С одной стороны, платформа пластична к изменениям и настройкам, с другой — не каждый ею может просто так взять и пользоваться. Например, можно скачать клавиатуру исходя из размеров собственной руки. Да, этот момент наиболее отличает платформы друг от друга. С появлением Android Lollipop юзабилити кардинально изменилось в лучшую сторону благодаря новому подходу в дизайне.
Отличительная черта Android — разнообразие самих устройств. Например, если вам нужен смартфон с наличием физических кнопок или даже клавиатуры, то подобрать можно без проблем.
Многие говорят, что Android подстраивается под пользователя, а iOS – наоборот. По первому пункту все правы, потому что так оно и есть. А вот по второму — категорически нет. Пользователь iOS не будет что-то настраивать или подстраиваться сам. У него просто есть смартфон, которым он доволен.
Все люди совершенно разные по потребностям, складу характера и возможностям. Именно это и определяет достоинства платформ.
Справедливости ради нужно сказать, что производители конкурирующих ОС всегда оглядываются друг на друга. Пользователи сразу заметили осторожные заимствования между Android и iOS от версии к версии (например, похожий Action bar, динамические обои, эскизы активных приложений и т. д.). Нельзя говорить, что заимствования — это плохо. Без них не было бы развития в любой отрасли.
Яблочники всегда говорят о качестве и безопасности. Это действительно так, ведь приложение будет проверено в App Store. Установить стороннее приложение проблематично, чего не скажешь об Android, поклонники которого любят неофициальные версии.
Оказывается, разница в качестве и доступности приложений между платформами больше не является аргументом в чью-то пользу. Последние исследования показывают, что эти показатели примерно равны с небольшими отличиями.
Пользовательский опыт между платформами одинаков. Стоимость платных приложений для Android немного выше, чем iOS, но пользователи ценят бесплатный софт. Однако платные приложения для iOS имеют больший спрос. Кроссплатформенные приложения отличаются только ценой в пользу iOS.
Исследование можно почитать здесь.
Однозначно нужно. Но конструктивно и без обид. Таким образом мир делается лучше и появляются идеи. Противостояние Apple и Google радует нас новинками и подкидывает интересные задачи в дизайне и юзабилити. А мы счастливы их потихоньку решать. Так хорошо на душе, когда твоя работа приносит пользу:)
Помните булгаковскую цитату о том, что каждый должен заниматься своим делом? Так вот и мы работаем по этому принципу. Можно хорошо справляться со многими делами, но идеально — только с одним.
Теоретически, разработчик и дизайнер могут поменяться своими обязанностями: первый как-нибудь нарисует дизайн, а второй в лучшем случае воспользуется одним из сервисов для сборки приложений. Но такие результаты наверняка будут сомнительными.
Хотите хорошо? Тогда идите к профессионалам!
Когда разработчики не имеют представления, какой будет дизайн, им приходится закладывать в общую стоимость риски, которые составляют от 30 до 100%! А вдруг им нужно будет внести изменения? Лишние движения стоят денег.
Другое дело, если вы придёте к разработчику с готовым дизайном. И процесс быстрее, и затраты меньше.
Во-первых, вы видите весь процесс поэтапно и заранее можете рассчитать все расходы. В таком случае вам не придётся ни за что доплачивать. А это успокаивает.
Во-вторых, вам сразу будет видна целостная картина итогового продукта. Это касается не только внешнего вида, но и тактильных ощущений. Вы просмотрите страницы приложения непосредственно в своём телефоне! Также у вас появится возможность обсудить дизайн с коллегами и руководством. В результате можно будет внести свои изменения ещё до этапа разработки, что делает весь процесс проще.
В-третьих, комфортный и выгодный сервис для клиента — это главный принцип сотрудничества компании App2World. Мы всегда содействуем разработчикам, отвечаем на вопросы, если таковые есть. Нам очень важно, чтобы наши приложения были образцовыми для всех и работали на успешный бизнес клиентов.
По завершении работы наши клиенты получают:
Существуют любопытные мнения о том, что гендерные различия пользователей влияют на их выбор мобильных устройств и приложений. Мы постарались понять, какие приложения предпочитают представители обоих полов и почему. Теперь делимся с вами.
Наши размышлизмы касаются в основном современных молодых людей в возрасте от 23 до 35 лет. Ещё таких называют «поколение Y». Сейчас это самая активная прослойка пользователей. Её представители молоды, успешны и перспективны. Они легко расстаются с деньгами и живут сегодняшним днём.
Женщины по своей природе многозадачны. По жизни им приходится многое успевать: дом, семья, работа, хобби, саморазвитие. Переместить все свои дела в смартфон не только удобно, но и практично. Одна только сумочка разгружается наполовину!
Некоторые исследования подтверждают: дамы скачивают на 40% больше приложений, и тратят на них на 87% больше средств, чем мужчины. Этому способствует то, что приложений, ориентированных на чисто женскую аудиторию, несколько больше.
Мужчин привлекают больше материальные, чем эмоциональные события. Они в первую очередь сосредоточены на самореализации и добывании средств для себя и семьи. Также их притягивают гаджеты и технологические новинки. Для них больше важны набор функций и практическая полезность, чем внешний вид системы и приложения.
Интерфейс приложений для мужчин имеет лаконичный, сдержанный, а иногда и «брутальный» дизайн. Палитры цветов различные. Но в основном спокойные с яркими акцентами или монохромные. В дизайне преобладает выразительная мужественность, в которой заключена информация: это — исключительно мужская вещь.
Дизайн приложений для женщин зачастую выполнен в ярких тонах и опознавательными знаками, понятными только для дамской аудитории. Женщинам очень важно, как выглядит интерфейс. Красивое может быть только хорошим.
Когда выполняешь дизайн приложения, предназначенного для обоих полов, то следует занять нейтральную позицию, чтобы приложение не потеряло часть аудитории. И наоборот: если, к примеру, пользователи только женщины, то нужно соответствовать их ожиданиям.
Женщины могут одновременно выполнять очень много дел и не хотят, чтобы общение с людьми страдало от их вечной занятости. Социальные сети в смартфоне, который всегда с собой — лучшее решение этой задачи. Это позволяет не только общаться, но и мгновенно делиться своими фото даже примерки с магазина и онлайн спросить мнений. Для этого можно воспользоваться фотоприложением с множеством фильтров и функцией отправки.
Кстати, то что женщины любят ушами — всё-таки неправда. Они любят всё красивое и мобильное приложение от Pinterest. В нём на это всё можно поглядеть, а потом использовать для своих идей.
Общаться можно не только с окружающими, но и с собой. Поэтому большинство женщин ведут дневники. В современных реалиях мало кто делает это на бумаге. Приложение-дневник как нельзя лучше подходит для дам, у которых куча дел.
Соцсети и мессенджеры занимают в жизни мужчины не меньше места, чем у женщины, но цели немножко отличаются. Если мужчина занят бизнесом, то целью социальной активности тоже прежде всего будет бизнес. Личное общение — это для мужчины приятный бонус. Поэтому набор приложений от соцсетей в мужском смартфоне тоже внушительный.
Кроме чисто профессиональных приложений, женщины предпочитают вспомогательные приложения для контроля и мотивации себя: тайм-менеджеры, дневники, эскизники, заметки и календари. Девичью память компенсируют хранители личных данных.
Кстати, в жизни женщин присутствуют и приложения для хобби (считалки, паттерн-мейкеры, календари садовода и пр.)
Для работы и бизнеса в мужском телефоне можно обнаружить приложения-переводчики, синхронизаторы устройств, планировщики бюджета, конвертеры и курсы валют, банковские приложения, бизнес-статистику, аналитику и прочие скучные, но очень финансово полезные приложения. Женщины тоже в них нуждаются, но намного меньше.
Обоюдно используются программы для изучения иностранных языков, чтения литературы на ходу, новостные приложения.
Эти приложения больше любимы женщинами. Онлайн-магазины позволяют сделать покупки, не выходя из дома, сэкономить средства и выделить чуть-чуть времени для себя. Гиды — всегда быть в курсе интересных мест для шопинга с подругой или семьёй. И не надо насмешек по поводу лишних трат и ненужных вещей. Женщин привлекает не сам поход по магазинам, а возможность качественных изменений в лучшую сторону и забота о себе.
Мужчинам необходимо всё, что касается интернет-аукционов, онлайн-магазинов, где можно купить все быстро и долго не перебирать однотипные товары. Удобство и скорость покупки у них на первом месте, ассортимент — на втором.
У женщин нет достаточно времени на посещение презентаций и просмотр лукбуков. Тем более в них нет возможности сравнить вещи разных брендов. Приложения для создания коллажей из одежды помогают создать и обсудить новый модный образ.
С помощью соответствующего приложения женщинам удобно организовать свой гардероб и понять, что с чем носить, а что выбросить.
Многие следят за новинками моды с помощью мобильных приложений. Причина все та же — нехватка времени. Сёрфить по сайтам модных брендов очень долго, гораздо удобнее с приложения перейти на новинку или публикацию, которая понравилась.
Мужчины устанавливают такие приложения намного реже. В основном для того, чтобы решить какую-то текущую задачу (быстро выбрать и купить некий предмет или кардинально что-нибудь сменить, например, причёску).
Разные технические программы для улучшения своего смартфона — это ещё одна категория программ, очень популярная у мужчин. Они не прочь что-нибудь починить/изменить в своём устройстве. Например, установить дополнительные клавиатуры, регуляторы энергосбережения, оптимизаторы системы и связи Wi-Fi.
Женщины прохладно относятся к таким приложениям. Они считают, что если всё в устройстве работает, лучше ничего не трогать.
Приложения, относящиеся к этой категории, любят все. Существуют приложения для занятий спортом, разработанные специально только на одну гендерную аудиторию. Это связано с разными потребностями и физиологией мужчин и женщин.
Мужчинам нужна не только физическая форма, но и доказательство своих побед. Поэтому среди них популярны измерители скорости, регуляторы физических нагрузок, статистика достижений, которой и похвастаться можно.
Женщинам нужна забота о себе любимой. Они хотят держать себя в форме, и показывать другим не скорость и километры, а себя. Об усилиях, затраченных на красивую фигуру, дамы предпочтут промолчать.
Планирование домашнего хозяйства почти всегда достаётся жёнам, поэтому органайзеры популярнее у женской аудитории. А вот калькулятором бюджета и коммунальных платежей для управления личными финансами могут пользоваться все и не только в семье, что и происходит.
Приложения для составления списка покупок одинаково популярны у представителей обоих полов. Им удобно пользоваться и самостоятельно — не забудешь и точно все купишь, и в семье — составить и отправить партнёру.
Игровые приложения, безусловно, нравятся всем, но мужчинам больше. Игровые приложения занимают в мужском смартфоне очень много памяти. Это симуляторы всех видов спорта, стрелялки, логические, интеллектуальные и всякие. Проще сказать, чего там нет. Можно не скучать на конференциях, в транспорте или в ожидании встречи.
У многих мужчин, которые любят заниматься своим домом, есть в смартфоне счётчики материалов для ремонта, подсказки, «уровни», «транспортиры» и «отвесы», измерители, пошаговые инструкции и разные бытовые лайфхаки.
Сюда входят полезные и не очень, но всегда забавные: фонарики, счётчики выпитого алкоголя, завязывание галстука, виртуальное пиво и прочее.
Есть полезные приложения для оптимизации семейных дел. Например, шпаргалки для молодой мамы, развивающие игры, которыми можно на время занять ребёнка. Особенно мамам нравятся дневники малыша, позволяющие хранить разнообразную информацию от прививок до первых слов, делать фото и не боятся пропустить самые важные моменты.
Барышни стараются следить за своим здоровьем: устанавливают календари месячного цикла и беременности, чтобы делать записи о самочувствии, вовремя обратиться за помощью и быть спокойнее за себя. Хотя эти приложения не назовёшь чисто женскими. Для мужчин, которые беспокоятся о состоянии любимой и не хотят сами пострадать от гормональных изменений её организма, тоже разработаны такие календари. Вот так в приложениях есть много чего для спокойствия и гармонии в семье.
Популярны приложения для здорового образа жизни (счётчики калорий, соблюдение диет и прочее).
Мы постарались быть объективными и много не обобщать, хотя понимаем, что существуют люди с самыми различными интересами, не зависимыми от гендерной принадлежности. Но это скорее исключения в этом вопросе.
Бизнес и, следовательно, дизайн ориентирован на целевые аудитории, то есть, на большинство. В дизайне необходимо следовать ожиданиям пользователей. Например, мужчинам интересно то, что выглядит и работает по-мужски. Тогда мобильное приложение будет успешным.
Вопрос этот очень закономерный. Сайт можно адаптировать под мобильные устройства или создать его мобильную версию. Ответ крайне прост, хотя и неоднозначен на практике: лучше адаптивный сайт и мобильное приложение.
Стоит заметить, что мобильная версия сайта и адаптивный сайт — это не одно и то же.
Мобильная версия сайта разрабатывается под потребности пользователей мобильных устройств (смартфонов, планшетов). Когда пользователь переходит на обычный сайт со смартфона, ему будет предложено перенаправление на поддомен, например, m.example.com. Чаще всего мобильная версия являет собой «урезанный» основной сайт. Плюс такого сайта — удобство для мобильных пользователей, а минусы — разные URL-адреса и уменьшение контента.
Адаптивный сайт — это тот же основной сайт, но свёрстан таким образом, что отображается корректно на экранах большинства устройств: стационарных ПК, лептопах, нетбуках, планшетах, смартфонах. Собственно, поэтому и называется адаптивным. Естественно, в поддомене нет надобности, сайт имеет один URL-адрес (example.com). Достоинство адаптивного сайта — его универсальность. Недостаток — он не может полностью охватить задачи всех пользователей, уж слишком разные устройства, на которых сайту следует работать. Впрочем, эта разница не всегда бывает критичной.
Прежде всего, нативные (native – родные) приложения очень функциональны в руках пользователя, так как разработаны исключительно под свою операционную систему. Сайт и приложения имеют разный опыт взаимодействия (UX). В случае использования мобильного устройства приложению можно записать множество преимуществ перед адаптивными сайтами и мобильными версиями сайтов.
Приложение даёт возможность оперировать данными, которые находятся в телефоне (например, списком контактов, фотографиями) без дополнительных движений. Так, не нужно вводить номер телефона вручную, когда он уже записан.
Приложение можно свернуть и, при необходимости, продолжить работу в любое время. Это большое преимущество перед сайтами, которые нужно обновлять. Тем более не всегда приложению для нормальной работы требуется соединение с интернетом.
Мобильное приложение запускается намного быстрее сайта, так как находится непосредственно в памяти устройства. Компактность позволяет ему загружать с сети только те данные, которые нужны пользователю здесь и сейчас. Кроме того, собственные графические и программные элементы приложения не требуют обновлений при каждом соединении.
Также их разработка предусматривает проблемное интернет-соединение. Пользователь сможет без проблем работать с приложением даже при плохом сигнале.
Когда приложение находится в телефоне, к нему открывается постоянный доступ. Пользователю не нужно запоминать дополнительные данные, делать множество закладок, выполнять поиск. Для постоянной работы приложения предпочтительнее сайтов и поэтому все популярнее.
Благодаря способности хранить данные в локальной базе, приложение может обратиться к ним с любого устройства. Поэтому потеря смартфона не грозит обернуться трагедией, если в нём была важная информация.
Пользователь может в любую минуту обратиться к приложению, которое постоянно находится в его кармане. При этом он не ограничен ничем: ни местом, ни временем, ни дополнительными устройствами ввода.
Пользователь намного сильнее привыкает к приложению, чем к конкретному сайту. Это связано минимумом информации, которая ему нужна для доступа, лёгкостью управления личными данными и дружественным интерфейсом, разработанным под операционную систему.
Сенсорный монитор (touch-screen) — универсальный способ взаимодействия пользователя с приложением и, к тому же очень «родной» для человека. В него заложено тактильное чувство, одно из самых познавательных.
Мобильное приложение делает контакт из потенциальными клиентами намного теснее и даёт компании возможность соответствовать их требованиям.
Не все мобильные устройства равны, поэтому приложения стоит разработать для популярных платформ. Но нельзя охватить их все. Сайт станет альтернативным решением для того, чтобы не терять свою аудиторию и позаботиться о предложениях для всех потенциальных клиентов. Комплексный подход учитывает все нюансы, связанные с работой всех мобильных продуктов.
Сайт не требует от пользователя загрузки текущих программных обновлений. Если у компании имеется контент в сети, то расположить к нему доступ легче всего через сайт.
Простой способ увеличить трафик — дать возможность пользователю с приложения открывать ссылки на контент, расположенный на сайте.
Нужно учесть, что у сайта и приложения разные подходы к продвижению. Тем не менее оба мобильных продукта способны влиять друг на друга. Когда у приложения уже сформирована аудитория, сайт запустить легче. Обратный ход — если на вашем сайте увеличилась доля посетителей с мобильных устройств, пора заняться приложением.
Также, как пример эффективного взаимодействия, можно назвать и сайт для приложения. Он может стать эффективной платформой для обратной связи пользователями, внедрения рекламных акций, размещения бета-версий приложения.
Мобильные приложения публикуют в магазинах (AppStore, Google Play, Windows Store) с уже готовой аудиторией. Это упрощает задачу распространения, ведь на сайт пользователей ещё нужно привлечь. С другой стороны, сайт работает сразу, а приложение проходит процедуру утверждения. Своеобразные ограничения, которые можно компенсировать, если использовать и сайт, и приложение.
Конечно, чтобы остановиться на одном из параметров или использовать их комплексно, нужно исходить из целей бизнеса, бюджета и непосредственно отрасли, которую занимает ваше дело. Однако лучшее решение то, которое подходит только вашему пользователю.
Сразу договоримся, что UX от UI — не синонимы. Это, если хотите, — разные стороны одной монеты.
User Experience — опыт взаимодействия пользователя с устройством или приложением.
User Interface — пользовательский интерфейс, посредством которого это взаимодействие происходит.
Все перечисленные понятия тесно связаны и, так или иначе, переплетаются при создании дизайна приложения. Поэтому возникает двусмыслица. Очень часто эти понятия путают между собой или с другими, например, User Experience с Usability.
Usability (удобство использования) — это и часть, и следствие UX-дизайна.
Также UX и UI — это разные области дизайна, которые не существуют друг без друга.
Когда вы запускаете любое мобильное приложение, то первое, что увидите — это оформление интерфейса. Сразу можно оценить, приятен ли он, хочется ли с ним работать дальше. Это результат UI-дизайна.
Сам процесс работы неощутим. Вы просто кликаете по иконке и выполняете свои задачи. Это результат правильного UX-дизайна. Он абсолютно незаметен, если идеально выполнен.
Иными словами, результат UI мы видим, UX — понимаем. От всего вместе — ощущаем удобство использования.
Соответственно UX и UI-дизайнеры выполняют разные задачи общего проекта. Теперь можно и подробнее разобраться.
Позитивный опыт взаимодействия сразу производит впечатление об уровне компании и её услугах. Если приложение удобное в использовании и решает задачи, то высоки шансы, что пользователь не сможет без него обходиться и будет рекомендовать своему окружению.
Да, если взаимодействие позитивное, о нём не говорят, потому что это воспринимается как должное. В противном случае — сразу прокомментируют.
1. Определение стратегии проекта (задачи бизнеса и пользователя).
2. Работа над определением всех нужных функций приложения или сайта.
3. Проектируется информационная архитектура и общее построение приложения.
4. Компоновка и прототипирование страниц.
5. Проработка блоков каждой страницы и расстановка акцентов на информации.
Это работа над визуальной составляющей дизайна приложения. Иными словами, привлекательная «упаковка».
Пользовательский интерфейс, спроектированный на должном уровне, притягивает клиента и вызывает приятные эмоции в процессе работы. Многие люди выбирают из примерно одинаковых по функциям приложений именно то, которое нравиться их глазам.
User Interface — это визуальная реализация User Experience. Все, что заложено в приложении на этапе разработки UX, пользователь воспринимает в том виде, который отображен посредством UI.
В целом работа над UX-дизайном более обширная, а над UI-дизайном — не менее важная.
Этот вопрос актуален, не смотря на мобильный рынок, который активно развивается. Приводим свои аргументы «за» и рассказываем, почему.
Смартфоны и планшеты стали неотъемлемой частью нашей жизни. Более того, их популярность уже превосходит стационарные компьютеры и ноутбуки.
Таким образом, смартфоны и планшеты становятся все привычнее и, к слову, доступнее. Также следует учесть высокий темп инноваций в этой сфере. Разумеется, сегодняшние новинки через некоторое время станут привычными и даже заурядными.
Экраны мобильных устройств своими небольшими размерами устроили в мире сайтов и приложений настоящую революцию.
Потребности пользователя в удобстве работы приложениями, отображении только самой важной информации сформировали основные принципы мобильного дизайна и лучше всего воплощены в приложениях.
Безусловно, центральным объектом и вдохновителем стал пользователь. Следовательно, дизайнеры стали отказываться от многих элементов интерфейса, которые не востребованы в новых реалиях.
Контент сегодня занимает первое место не только с позиции SEO / SMO, но и в UX / UI в первую очередь для мобильных устройств. Теперь ключевые тренды — ясность и отсутствие лишних деталей. Тенденция к сокращению, отсечению всего лишнего, наглядности информации повлияла на весь мобильный дизайн.
Деловые люди чутко реагируют на инновации и внедряют использование мобильных приложений в своих целях. Возможность быть всегда на связи с клиентом открывает компаниям много перспектив. Только представьте себе, что ваш клиент ничем не ограничен и может обратиться к вам в любую минуту!
Если деятельностью вашей компании является продажа товаров или услуг, то без приложения в современном мире просто не обойтись.
Рассмотрим в качестве примера социальную сеть Facebook. Ежемесячная аудитория по данным на январь 2014 г. составляет 1,2 млрд пользователей.
Кроме основного сайта и его мобильной версии существуют:
В 2012 году соцсеть Facebook представила сервис App Center — магазин приложений для смартфонов и планшетов на Android и iOS.
Вот так пользователи соцсети получили возможность без дополнительных усилий быть онлайн круглосуточно. Результат — мобильное приложение Facebook используют 810 млн человек в месяц. И это количество будет только увеличиваться по мере
доступности мобильных устройств, то есть стремительно.
Разработка дизайна, ориентированного на мобильное приложение, в дальнейшем облегчит работу над остальными мобильными проектами вашего бизнеса. Поэтому такой старт — это шаг в будущее.
В этой статье мы, дизайнеры интерфейсов, попытались доступно раскрыть общую специфику нашей работы и рассказать, как же с нами обращаться.
Кто не смеялся с пародий на клиентско-дизайнерские взаимоотношения. Более того, мы с вами каждый день бываем и клиентами, и подрядчиками с различной спецификой работы, специальными знаниями или их отсутствием. А ещё мы всего-навсего люди, поэтому понять друг друга порой бывает сложно. Каждая сторона по-своему права.
Круто! И вы пришли с ней к дизайнеру. Ещё круче, ведь вы видите в этом человеке развитие своего проекта. И определиться с желанием и своими возможностями.
На этапе идеи трудно знать, чего хочешь, и это нормально. Но определить задачи своего бизнеса и текущего проекта необходимо. Это базовый пункт, который вам нужно знать или понимать ещё до разговора с дизайнером.
Под этой фразой мы подразумеваем, что вы обратились к профессионалам, которые вам понравились. Это значит:
Следовательно, этой компании можно доверить свой продукт. Для того, чтобы принять это простое решение, вам не нужно разбираться в специфике работы другого специалиста. В конце концов, это его забота. Но без доверия хорошая работа невозможна.
Дело в том, что в нашей работе есть нюансы, про которые клиенты даже не догадываются. Дизайн — это не только красивое графическое оформление. В него заложены пользовательские ожидания от вашего продукта, последние тенденции в мире девайсов и разработки. А дизайнер — не совсем художник. На самом деле инженерно-проектной работы в нашем деле намного больше, чем художественной.
Вот он, ваш звездный час. Поясните свою идею настолько понятно, насколько у вас хватит сил. Это тот случай, когда вместо решения вы предлагаете свои проблемы и задачи (вернее, своего бизнеса), а решения предлагают вам. Помните, что дизайнер, заинтересованный в дальнейшем сотрудничестве с вами, проникнется вашим проектом.
Профессиональный дизайнер поможет вам:
А вот и первые макеты! Собственно, ваша функция здесь — принять окончательное решение в утверждении макета. Имейте ввиду, дизайн должен понравиться не только вам, но и вашим пользователям.
Прежде, чем вносить правки, подумайте, чем вы их будете обосновывать. Аргумент «Мне не нравится», конечно, тоже важен, но он не даст информации о ваших сомнениях. Попросите дизайнера пояснить важность тех или иных элементов. Ничего страшного в этом нет, наоборот, вы лучше поймёте друг друга.
«И как они это делают?» — подумали себе вы и решили непременно поработать с этими ребятами в своём новом проекте. Ведь они прочли ваши мысли! Создали именно то самое крутое приложение, которое вы хотели.
Так выглядит идеальный результат сотрудничества по версии клиента. На самом деле мы, дизайнеры, тоже к этому стремимся. Поэтому с нас — профессионализм, а с вас, клиентов, — доверие.
Во время беседы мы узнаем от клиента детали проекта. Например, если планируется мобильное приложение банка, то нужно понимать следующее:
Также вы оставите дизайнеру бренд-бук или озвучите пожелания о внешнем виде приложения.
Собственно, а для кого всё делаем? Какие потребности и задачи у конечного пользователя? Фокус-группы помогут ответить на эти вопросы, но интерпретировать эти ответы должен аналитик или та группа специалистов, которая занимается проектированием приложения.
На основании результатов исследования дизайнер пишет юзкейсы — действия именно вашего пользователя с приложением.
Пользователь, кстати, не всегда объективен. Он руководствуется опытом использования, которые у него уже есть на данный момент. Поэтому если ваш проект инновационный, полагайтесь только на опыт дизайнера и свое предпринимательское чутье.
Продукцию конкурентов тоже следует анализировать. Дизайнер обязательно проанализирует существующие приложения в мобильных маркетах, протестирует, как работает приложение вашего конкурента.
Возможно, ваш продукт может выгодно отличаться и дать пользователям то, что не смогут дать остальные. Для этого необходимо ознакомиться с отзывами пользователей и мнениями аналитиков, блогеров, разработчиков и прочих авторитетных в этой сфере людей.
Работы не делаются по принципу «я дизайнер, я так вижу». Существует много факторов, которые влияют на дизайн вашего приложения в целом:
И при всем этом дизайнеру нужно, что называется, «попасть в задачу».
Дизайнер постоянно находится в поиске решений. Это очень специфическое состояние ума, при котором задача не остается в рамках рабочего места. Дизайнер размышляет над ней постоянно, даже моя посуду дома. Кроме этого, нужно быть в курсе последних тенденций, читать профессиональные статьи, блоги, обсуждать информацию с коллегами в сообществах, смотреть веб-портфолио.
Творческому человеку необходимо упорядочить процесс. Для этого необходимо ТЗ — документ с требованиями про проекту, сведениями о заказчике и продукте. Работа дизайнера находится исключительно в рамках ТЗ.
Помните, техническое задание — это не «сделайте что-то типа этого» или «надо как у Apple». Содержание этого документа следующее:
Правильно составленное техническое задание — половина дела. Это источник порядка в работе и голове дизайнера. Также этот документ дисциплинирует обе стороны и обозначает ответственность за проект.
На этом этапе дизайнер проектирует UX-архитектуру вашего приложения: порядок экранов, выполнение юзкейсов, расположение кнопок и других элементов интерфейса.
Главная задача здесь — проработать общую функциональность приложения. Результатом здесь будут UX-прототипы — серые и скучные образцы страниц, но очень полезные в дальнейшем процессе. Они помогут навести порядок в приложении, выяснить, каким образом оно будет работать, и позволяют внести правки на ранней стадии проектирования. Глобальная задача UX-проектирования — безупречный опыт использования приложения вашими клиентами.
Кстати, для многих дизайнеров прототипирование — самая интересная часть работы.
Сразу отметим, что слова финальный в лексиконе дизайнера не существует.
Мы привыкли к тому, что заказчики любят передумывать, менять концепцию, советоваться с коллективом и даже родственниками. Это часть рабочего процесса, хоть и не самая любимая, но мы к ней всегда готовы.
А между тем, правильные задачи правок следующие:
Вот какие эти правки на самом деле серьёзные и важные. И относиться к ним нужно так же.
Готовые макеты необходимо проверить на возможных устройствах использования. Так мы оцениваем юзабилити и качество отображения графики на разных экранах.
После этого можно сосредоточиться на последних деталях: анимации, звуках событий и прочих приятных мелочах.
Когда программист выполняет разработку приложения, ему требуется наша помощь. Это, кстати, в интересах клиента. Дизайнер отвечает в этом процессе за соответствие конечного результата его макетам.
Мы всегда участвуем в бета-тестировании. Это хороший способ понять, какой продукт в итоге получился, и оценить, как твой дизайн работает.
Конечно нам интресны отзывы пользователей и мнение блогеров. Вы же обратитесь за поддержкой дизайна или другой версией приложения. Нам будет с чем встретить вас снова.
Интернет-магазин с мобильного устройства — идея, которая не дает спать многим владельцам такого бизнеса. И если вы читаете это, то и вам, наверняка, тоже. А мы из вредности подкинем вам немного цифр.
Всё, больше не будем бить ниже пояса. Пора делать свой интернет-магазин мобильным!
Теперь стоит разобраться, каким способом это сделать.
У пользователя есть два пути взаимодействия с интернет-магазином через мобильное устройство:
1. Воспользоваться браузером устройства для поиска товара (перейти на мобильную версию сайта);
или же
2. Скачать мобильное приложение от интернет-магазина.
Какой же способ удобнее для пользователя и эффективнее для бизнеса? Поразмышляем.
Чем крупнее магазин, тем больше у него каталог товаров и услуг. Оптимальное решение — мобильное приложение. Большущие сервисы вроде eBay, Amazone, Alibaba Group или Яндекс Маркет именно так реализовали идею мобильного интернет-магазина. Они создали приложения для iPhone и Android.
Если вы владелец большого бизнеса, то мобильное приложение сделает ваш магазин по скорости буквально летающим и невероятно удобным для пользователя.
Адаптивная версия сайта просто не справится с объемом информации. Интернет-магазин со сложными структурными каталогами в мобильной версии будет выглядеть как взрослый мужик в детской футболке.
У начинающего бизнеса ассортимент поскромнее будет, поэтому ему мобильное приложение пока не нужно. Возможности приложения не будут использованы на полную силу. Мобильная версия сайта в этом случае отлично выполнит свои задачи и не потребует больших инвестиций.
Большой плюс мобильной версии — она не требует подгонки под платформу устройства. Для неё просто меняется внешний вид основного сайта, но вы работаете с одним и тем же каталогом. Это не всегда удобно. Если ваш покупатель видит за раз 40 позиций товара, то лучше переработать существующий каталог так, чтобы он изначально показывал 4-5 позиций.
Мобильное приложение проектируется с учетом особенностей дизайна iOS или Android и потребностей вашей аудитории. Весь каталог товаров будет по-новому распределен с максимальным удобством взаимодействия с пользователем. Приложение полностью интегрируется в операционную систему, работает и выглядит как «родное».
Мобильная версия медленнее приложения. Большая часть информации на странице загружается в фоновом режиме. Пользователь эти данные не видит, аж трафик у него сумасшедший. При этом скорость загрузки страницы значительно уменьшается: каждый раз клиенту нужно загрузить повторно все графические элементы.
Приложение уже установлено в устройстве, поэтому ему требуется только подгрузить часть недостающего контента с удаленного сервера. На сегодня это самое лучшее решение для громоздких каталогов в мобильном устройстве.
Интерфейс в рамках операционной системы — преимущество приложения для интернет-магазина. Главная его фишка — привычность и понятность для пользователя, общая гармония с дизайном платформы. В мобильном приложении возможно реализовать анимацию, создать эффектный «скользящий» интерфейс, добавить приятные звуки «событий».
Отображение мобильной версии сайта зависит от платформы и браузера. Есть вопросы и к качеству графики сайта. Мобильные устройства имеют высокое разрешение экрана при большей, нежели у монитора ПК, плотности пикселей. Это значит, что изображение, предназначенное для большого монитора, в смартфоне будет выглядеть немного размытым, что не есть качественно.
Создать мобильную версию интернет-магазина, которая будет дружественна к пользователю, — очень трудоемкое и маловероятное занятие. Все дело в различном вводе данных в ПК и мобильное устройство.
В первом случае это физическая клавиатура и мышь, а во втором — касание экрана пальцем. Исходя из этого в мобильной версии вам придется:
Мобильная версия в браузере — это внедрение нестандартных решений для пользователя любого устройства. Например, сложно показать свойства продукта на нескольких страницах с горизонтальной прокруткой. Слишком «общий» дизайн, который придется внедрять в мобильной версии, не будет удобен для пользователя.
Функциональные кнопки («вперед», «назад») в самой странице мобильного сайта могут не совпадать с общими принципами работы платформы, к которым привык пользователь. И самое эпичное: браузер по своей сути мобильное приложение, у него и свои кнопки есть!
Мобильное приложение полностью интегрируется в привычный user experience операционной системы. Пользователь управляет магазином так, как привык работать с другими приложениями.
Пользователь, который решил поделится в соцсетях мнением о товаре через мобильный браузер, вынужден делать намного больше движений, чем с «родного» приложения. Для этого ему понадобится запустить еще и приложения социальных сетей.
С мобильного приложения поделиться чем-то интересным можно одним нажатием. Более того, оно имеет доступ к устройству и личным данным пользователя, облегчая процесс покупки.
Вы наверняка уже знаете, какого клиента хотите заполучить и нечего вам советовать. А мы и не пытаемся. Абстрагируемся от вашей целевой аудитории и представим человека, который хочет купить что-то в интернет-магазине.
Тип 1. Василий Пупкин ищет планшет из бюджетной категории. Он зашел на сайт интернет-магазина из поиска, воспользовался фильтром товаров, выбрал подходящий. А с этого места самое интересное! Василий копирует название планшета в поисковую систему и покупает там, где дешевле. А как же самый первый магазин, в котором подбирался товар? А никак. Его использовали и пошли дальше.
Тип 2. Ивану Иванову искать и сравнивать некогда. Ему не жмут лишние 10 долларов, которые он, возможно, переплатит. Для него важно удобство, экономия времени и хороший сервис. Поэтому он выбрал в мобильном маркете приложения хороших интернет-магазинов и больше товары у Google не спрашивает.
1. С мобильного приложения у человека меньше возможностей поступить с вами так обидно, как господин Пупкин. Вашему клиенту нужно выполнить для этого намного больше действий.
2. Вашими покупателями станут люди, которые не нацелены купить дешевле.
3. В мобильном приложении вы наедине с покупателем. У него нет альтернатив, пока он смотрит только ваш каталог.
4. Ваше приложение выберут из мобильного маркета. А там сейчас намного меньше конкурентов, чем в браузере. Советуем спешить!
Мобильное приложение — это способ выделиться. На сегодняшний день еще не так много интернет-магазинов внедрили это решение. А вот сайтом никого давно не удивишь. Более того, пользователи требовательнее изо дня в день.
Приложение сможет дать им все, что они хотят.
Далеко не все ваши конкуренты смогут себе позволить разработку мобильного приложения для своего интернет-магазина. А вы сможете:
Кроме всего прочего, это еще и надежность: ваш магазин не будет открыт в стороннем приложении, то есть в браузере.
Да, приложение для интернет-магазина дороже мобильной версии. Но результат того стоит.
Если еще сомневаетесь, стоит ли делать свой магазин мобильным— поставьте в интернет-магазине ссылку на скачивание приложения и посмотрите, сколько раз пользователи были готовы это сделать. Статистика кликов никогда не врет.
Вернее руководство к действию.
1. Заходите на этом сайте в меню «Контакты»;
2. Выбираете, чем вам удобнее связаться с App2World;
3. Остальное мы сами.
Игнорировать эту книгу на свой страх и риск.
Сет Годин,
автор деловых книг,
маркетолог и блогер.
Авторы книги — Джейсон Фрайд и Девид Хайнемаер Хенсон, основатели проектной студии 37signals, которой принадлежит создание средства управления проектами Basecamp и фреймворка Ruby on Rails.
Rework отправляет в нокаут все стереотипы о ведении бизнеса и традиционные мотивирующие советы типа «100500 секретов чего-нибудь». Это действительно революционная книга, написанная практиками. К слову 37signals, которая создала продукты мирового уровня, состоит всего из 14 человек.
Запоем. С блокнотом. И перечитывать.
Если кратко — то в Rework полезно всё. А конкретнее — в основных тезисах, пояснение которых вы найдёте в книге. У нас сложился такой цитатник. А какой у вас?
Реальный мир – это не место, а всего лишь предлог. Оправдание, чтобы не действовать. К вам он не имеет отношения.
Может быть, для вашей компании правильным размером будет пять человек. Или 40. Или 200. А может быть, только вы и ваш компьютер.
Трудоголики – не герои. Они не берегут время, они просто сжигают его. Настоящий герой уже давно дома, он нашел более быстрый способ завершить свои дела.
Самый простой и очевидный способ создать первоклассный продукт или услугу – сделать что-то, что бы вы сами хотели использовать.
Значение имеет только то, что вы делаете , а не то, о чем вы думаете, говорите или что планируете.
Времени всегда достаточно, если вы его правильно тратите. И не думайте, что вам для этого нужно уйти со своей постоянной работы.
Идея тратить чужие деньги может показаться привлекательной, но тем самым вы накидываете себе петлю на шею.
Первоклассные компании всегда стартуют в гараже. И ваша не исключение.
«У меня недостаточно времени/денег/людей/опыта…» Хватит ныть! Меньше – это хорошая штука. Ограничения – это скрытые возможности.
Архитекторы не задумываются о том, какой плиткой отделать душевую или какую посудомоечную машину установить на кухне, до тех пор, пока не будет завершена планировка помещения.
Деревообрабатывающая индустрия продает то, что обычно считается мусором, – опилки, щепки, обрезки древесины – за приличные деньги.
Если бы вам нужно было запустить бизнес за две недели, что бы вы отбросили?
Задумайтесь над тем, когда вы делаете б́ольшую часть работы? Если вы похожи на большинство людей, то ответ будет – ночью или ранним утром. И неслучайно – это как раз то время, когда вокруг вас никого нет.
Предположим, вы планируете провести часовое совещание с участием десяти человек. На самом деле это будет не часовое, а десятичасовое совещание.
Если вы уже потратили уйму часов на работу, которая того не стоила, отойдите в сторону. Вам не вернуть потерянного времени. Худшее, что можно сделать в данной ситуации, – продолжать его тратить.
Работать в ущерб сну – плохая идея. За дополнительно выкроенную пару часов позднее придется заплатить сторицей – подрывом духа, настроя и изобретательности.
Конкуренты никогда не смогут скопировать ваше «я» в вашем продукте.
Проблема копирования заключается в следующем: пропускается стадия понимания, осознания глубинных механизмов, с помощью которых растет бизнес.
Если вы считаете, что ваши конкуренты – отстой, так и скажите.
Чтобы победить конкурентов, делайте меньше, чем они. Решайте простые задачи, а им оставьте трудные и неприятные.
Делая, несмотря ни на что, ставку на существующих клиентов, вы тем самым ограждаете себя от новых.
Безусловно, придумывайте столько новых интересных идей, сколько сможете. Заражайтесь и восхищайтесь ими. Только не начинайте действовать под влиянием момента!
Книга, которую вы держите в руках, – наша «книга рецептов». А где ваша?
Пресс-релиз изобилует ярлыками «сенсационный», «революционный», «новаторский» и «потрясающий». Это тупо.
Наркоторговцы – очень дальновидные бизнесмены. Они знают: их товар настолько хорош, что они готовы бесплатно дать на пробу небольшую порцию.
Маркетинг – это не только отдельные мероприятия. Это совокупность всех ваших действий.
Вы принесете своей компании больше вреда, чем пользы, если наймете талантливых людей, у которых не будет достойных задач.
Разница между кандидатом с шестимесячным опытом работы и кандидатом с шестилетним стажем на удивление мала.
90 % директоров, возглавляющих в настоящее время 500 лучших американских компаний, не получали степень бакалавра ни в одном из заведений Лиги Плюща.
Эти люди освобождают вас от необходимости контролировать их. Когда вы оставляете их в покое, они приятно удивляют вас объемом выполненной работы. Их не нужно постоянно держать за руку или руководить ими.
Они делают вещи более понятными.
География больше не имеет решающего значения. Нанимайте лучшие таланты, несмотря на их местожительство.
«Ваш звонок важен для нас. Благодарим вас за ожидание. Приблизительное время ответа оператора – 16 минут…» Кончайте заливать!
Стиль руководства, при котором любое действие требует одобрения, порождает культуру бездумия.
Вдохновение подобно свежему фрукту или молоку: у него есть срок годности.
Если у вас появилось желание что-то сделать, нужно приступать к этому немедленно.
Время вдохновляться и действовать. Время Rework.
Это сказал об иконке один хороший клиент, а мы подумали и согласились.
Прежде всего в ней — вся суть продукта в одном простом изображении. Обычному пользователю тяжело оценить её важность. Для него срабатывает вау-эффект. Если иконка пользователю нравится, он просто по ней кликнет и начнёт загрузку. Ради этого действия дизайнер трудился не один день. Его задача — выделить одно приложение в списке среди сотен других так, чтобы на этом продукте остановили взгляд.
Важность первого впечатления определила создание иконок в отдельное направление дизайна мобильных приложений.
В этой статье мы расскажем о всех подводных камнях создания иконок и попутно рассмотрим новые требования к иконкам для приложений на iOS 8 и Android Lollipop.
Иконка начинается с общей идеи приложения и множества версий, как эту идею передать в соответствии со следующими параметрами:
Основной критерий любой иконки приложения — понятность. Пользователи предпочитают иконки, которые просто и оригинально передают назначение приложения. К примеру иконка календаря вовсе может показывать сегодняшнее число, а иконка приложения для записей будет в виде записной книжки.
С иконками приложения компаний, которые предоставляют услуги (банки, рестораны, такси и пр.) дела обстоят несколько иначе. Прежде всего замысел самой иконки отталкивается от целевой аудитории и назначения приложения.
На иконке приложения брендов чаще всего изображён логотип компании (продукта, торговой марки) или его часть. Как правило, эти иконки лаконичные и утончённые.
Справедливости ради нужно сказать, что лаконичность — атрибут далеко не всех иконок. К примеру, иконка игрового приложения содержит красочную иллюстрацию или изображение персонажа. Но при этом ясно даёт понять, что нажав на неё, вы запустите именно игру, а не другое приложение.
Минимализм — больше, чем тенденция. Для иконки это необходимость. Дело в том, что физический размер иконки (то есть как видим на экране) очень маленький. Рисовать целые картины неоправданно — это больше творческие амбиции дизайнера, чем соблюдение пользовательских потребностей. Поэтому мы сторонники максимально простых и при этом оригинальных дизайнерских решений.
На упрощение иконок также повлиял flat design. В иконках он особенный лаконичными логотипами или знаками, которые отбрасывают прямую тень (flat shadow icon). Объём, градиенты и лишний смысл уже не актуальны, потому что усложняют восприятие интерфейса самой операционной системы. Плоский дизайн иконок ненативных (сделанных сторонними разработчиками) приложений отлично вписывается в экосистему iOS, начиная с 7 версии, в Android — c релиза 4.4 Kit Kat.
Android пятого поколения радикально изменил дизайн интерфейса. Новая философия Google — дизайн как реально осязаемый объект. Следовательно, в Android Lollipop иконки стали осязаемыми, то есть такими, которые визуально соответствуют тактильным и физическим качествам материала.
Существуют гайдлайны производителей операционных систем по дизайну иконок. Игнорировать их нельзя, потому что приложение не будет допущено в мобильный маркет. И в AppStore, и в Play Market иконку приложения обязательно проверят на пригодность по стандартам производителей.
У иконок iOS имеются спецификации, по которым Apple рекомендует их создавать.
Иконки iOS имеют вид скруглённых прямоугольников. Этим они создают общую гармоничность в экосистеме платформы. Для иконок операционной системы iOS разработана размерная сетка, которая информирует дизайнера, как размещать элементы на иконке. С выходом iOS 8 размерных сеток стало больше.
Основные рекомендации разработчикам и дизайнерам от Apple:
Изображение должно
Дизайнерам следует избегать изображения иконок, которые будут слишком похожи на системные иконки iOS или других продуктов Apple.
С появлением «материальной» философии для иконок Android появились специальные требования по дизайну.
В первую очередь, это — размерная сетка и рекомендованные геометрические формы для иконки. Google требует правильной геометрии для иконок приложения:
Но одной сетки недостаточно. В гайдлайнах Android Lollipop подробно расписаны стандарты для каждой мелочи. Например, не разрешается использовать более двух перекрытий или изгибов. Больше слоев усложняют восприятие.
Повороты или искажения иконки исключены. Все материальные объекты следует располагать строго по центру.
И даже уголок папки только справа! Уголок влево делать нельзя. Вряд ли дизайнерам Google не понравились уголки слева. Это требование исключает разнородность иконок в общем списке системы.
Все элементы изображения послойные: располагаются один за другим. Послойность выделяется тенями и создает ощущение глубины. Анатомия иконки — рекомендации по наложению элементов в иконке приложения.
1. Отделка
2. Фон
3. Передний план
4. Цвет
5. Тень
В анатомии чётко прописаны даже параметры наложения теней и цвета цветных элементов, света, градиентов и оформления контура.
Для иконки предусмотрено несколько разрешений (ширина х высота картинки в пикселях) изображения:
Очень большие и очень маленькие разрешения иконки рисуются с нуля, потому что чрезмерное увеличение или уменьшение при масштабировании даёт неожиданный результат. Например, если сильно уменьшить файл с разрешением 1024х1024 пикселей, то изображение станет неразборчивым.
У iOS с размерами иконок полная ясность и порядок. Причина этому — уникальная линейка мобильных устройств от Apple с iOS на борту. Размеры иконки приложения чётко установлены.
Дублируем их ещё и здесь:
Кстати, все эти параметры — для квадратных иконок. iOS округляет их самостоятельно и «подставит» файл нужного размера.
Для иконок Android картина совершенно иная. Эта платформа имеет более 18 тысяч видов устройств! И несколько разрешений экранов:
Таблицу под такое не нарисуешь. Фрагментация Android затрудняет создание приложений и иконок для них. Выход — универсальные единицы измерения, которые способствуют созданию иконок и приложений для максимально хорошего отображения на экране.
ppi (Pixels per inch) Кол-во пикселей в дюйме
dpi (Dots per inch) Кол-во полутоновых точек в дюйме (полутоновая точка больше 1 пикселя)
lpi (Lines per inch) Кол-во линий в дюйме
pt (Points) Кол-во физических пикселей в экране
dp (Density independent pixels) Кол-во пикселей, независимых от плотности. В 1 физическом (реальном) пикселе — 160 dpi
Иконка приложения для маркета у Android — 512 х 512 пикселей, а для запуска — 48 х 48 dpi.
Как видите, иконки требуют особого подхода. Почти как картина маслом. Как создать иконку и не сойти с ума от всей этой информации? Сами в шоке. Тем не менее, у нас получается:)
Дизайн-мышление — это способ восприятия мира от ведущих дизайнеров и проектировщиков, а также исследовательский процесс, который позволяет находить нестандартные решения по развитию проектов. Он построен на способности профессионала мыслить интегративно, на готовности воспринимать дизайн вне дизайна и пресекать в своей работе границы отдельных дисциплин.
Также дизайн-мышление — это модель эффективного построения бизнеса, применяемая не только к людям или продуктам, а даже к целым компаниям.
Книга «Дизайн-мышление в бизнесе» описывает все этапы, способы и сферы применения дизайн-мышления в бизнесе, ведении проектов и стиле человеческой жизни.
Тим Браун — президент и CEO дизайн-компании IDEO. Да, той самой IDEO, которая в своё время разработала компьютерную мышь для радикально нового на тот момент компьютера от Apple. Этот продукт был предназначен для массового использования.
1. Можно открыть для себя, как дизайн-мышление меняет наш мир здесь и сейчас, создавая самые невероятные и полезные для человека проекты.
2. Можно получить конкретные знания и примеры по методологии дизайн-мышления.
3. Можно и нужно вдохновляться. Тем более что все советы в книге получены практическим путём, который прошла компания IDEO.
Тим Браун в своей книге полностью описал методологию дизайн-мышления и снабдил её конкретными примерами из практики как своей, так и многих других известных компаний.
Дизайн-мыслители ориентируются на новую экономику, в центре внимания которой — человек, а не технологии. Наблюдая за человеком, можно увидеть его поведение, реакцию на продукты и услуги, контекст их опыта и определить скрытые потребности. Только так и появляется востребованный продукт, который ускоряет прогресс человечества.
Прототип, по мнению Тима Брауна, нужен для того, чтобы пораньше совершить ошибки и понять, в каком направлении двигаться дальше и «в конечном счёте добиться успеха». Проектировщики и дизайнеры всегда идут по этой линии:
Создание прототипов —> совершение ошибок —> совершенствование идеи.
Помогает избавиться от социальных стереотипов. Озарение — процесс, доступный каждому и совершенно бесплатно. Всё, что находится вокруг нас, способно озарять и видеть решение под другим углом, нежели мы привыкли.
Смотрим не только на то, что люди делают, но и на то, что они не делают.
Единственный способ узнать, что нужно работнику продуктового магазина — сходить к нему на рабочее место.
Ставим себя на место тех людей, для которых предназначается продукт.
Один из ведущих членов проектной команды Кристиан Симсарян даже лёг на каталку в зале экстренной помощи, чтобы пройти путь пациента с регистрационной комнаты до койко-места и понять, что он ощущает, видит, к чему прикасается.
Интересное можно увидеть, ориентируясь не только на фокусную группу целевой аудитории, а и на людей, совершенно под неё не подходящих. Если уделять внимание центральной части аудитории продукта, то получим привычные результаты. Нефокусная группа поможет посмотреть на проблему совершенно иначе.
Основной инструмент дизайн-мышления. Экспериментирование даёт новые данные и совершенствует идею.
Оптимизм в коллективе порождает уверенность, а уверенность — доверие. Последнее питает и то, и другое.
Не имеет значения, умеете вы рисовать или нет. Главное, что вы можете отобразить идею графически, для понимания. Рисование определяет решения.
Сторителлинг в дизайн-мышлении — возможность распространения идей путём создания историй.
«Без ограничений дизайна не бывает, и лучший дизайн — точный медицинский прибор или убежище для жертв природных катастроф — получается при самых жёстких ограничениях».
И ещё:
«… время — самое креативное ограничение».
«Чтобы быть креативной, компания не обязательно должна быть безумной, дурашливой и расположенной в Северной Калифорнии. Что действительно важно, так это среда — как социальная, так и пространственная, — в которой люди могут экспериментировать, брать на себя риски, проверять на практике все свои умения».
«Дизайн в наше время слишком важен, чтобы оставлять его дизайнерам».
«Не судите. Поощряйте дикие идеи. Не отходите от темы».
«Самый первый и величайший прототип IDEO был создан, когда компания состояла из восьми непричёсанных дизайнеров, собравшихся в студии над магазином одежды «Рокси» на Юниверсити-авеню в Пало-Альто. Дуглас Дейтон и Джим Юрченко прикрепили шарик от шарикового дезодоранта к основанию пластиковой маслёнки. Вскоре компания Apple представила свою первую компьютерную мышь».
«Хорошие дизайн-мыслители наблюдают. Великие дизайн-мыслители наблюдают за обыкновенным».
«Считайте жизнь прототипом. Можно проводить эксперименты, делать открытия, менять точки зрения. Можно искать возможности по превращению процессов в проекты, дающие осязаемый результат».
Книга рассчитана на 6 часов. Объективно этого мало, ибо в процессе рука так и тянется делать записи. Явно не то, что читается на одном дыхании. Книга требует осмысления.
Оригинал статьи здесь
Большинство разработчиков хотят выпускать свои приложения для нескольких платформ. Если вы планируете приложение для Android, имейте в виду, что для разных платформ существуют определённые правила и соглашения. Дизайнерские решения, удачные для одной операционной системы, будут неуместными в контексте другой. Подход «один дизайн для всех платформ» сэкономит ваше время, но вы рискуете создать приложение, которое своей непоследовательностью оттолкнёт пользователей. Чтобы избежать наиболее распространённых ловушек и подводных камней, придерживайтесь следующих правил.
Пример элементов интерфейса для Android, iOS и Windows Phone
Операционная система обычно имеет тщательно разработанный набор элементов интерфейса, выдержанных в своеобразном стиле. Например, в одной платформе используются только закруглённые углы на кнопках, в другой — градиенты в заголовках. В некоторых случаях элементы имеют одно предназначение, но работают немного по-разному.
Когда вы создаёте приложение для Android, не переносите элементы интерфейса, характерные для других платформ, а также модели поведения. Посмотрите статью Building Blocks, чтобы узнать о самых важных элементах интерфейса Android и о том, как они выглядят в системе по умолчанию. Также рекомендуем посмотреть на стандартные приложения платформы, чтобы иметь представление о том, как применяются элементы в разном контексте. Если вы хотите что-нибудь изменить в элементах интерфейса, делайте это осторожно и в соответствии со спецификой вашего бренда, а не согласно стандартам другой платформы.
Пример иконок для Android, iOS и Windows Phone
Платформы обычно предоставляют наборы иконок общей функциональности, такие, как «поделиться», «создать новый документ» или «удалить». Если вы портируете ваше приложение для Android, пожалуйста, используйте иконки, соответствующие данной операционной системе. На странице Downloads вы найдёте широкий выбор иконок для вашего приложения.
Вкладка Android располагается вверху, панель вкладок iOS — внизу
Другие платформы используют нижнюю панель вкладок для переключения между приложениями. Чтобы ваше приложение было согласовано с Android, разместите вкладку управления в верхней части экрана. Кроме этого, приложение для Android может использовать нижнюю строку для отображения действий (Split Action Bar).
Следуйте этим рекомендациям, чтобы достичь взаимодействия между приложениями этой операционной системы и избежать путаницы между действиями и навигацией.
Для получения дополнительной информации о панели действий, ознакомьтесь со статьёй Action Bars.
Ссылка на другие приложения с использованием Share Action Provider в панели действий
Вам иногда могут понадобиться функции стороннего приложения. Например, вы хотите поделиться контентом, созданным в вашем приложении, в социальных сетях или мессенджере, или посмотреть его по ссылке в браузере. Не ссылайтесь явно на такие приложения. Вместо этого пользуйтесь Android API, в котором есть список всех программ для подобной операции. Это позволяет пользователю применить то приложение, которое для него предпочтительно. В частности, для функции «поделиться» можно задействовать Share Action Provider на панели действий, чтобы обеспечить быстрый доступ к последним использованным элементам.
Верхняя панель действий Android с кнопкой возврата vs iOS
Другие платформы используют обозначенную кнопку возврата, чтобы позволить пользователю перемещаться вверх по иерархии приложения. Вместо это в Android существует значок приложения в главном меню для иерархической навигации и кнопка «назад» для временной. Чтобы получить больше информации, прочтите статью Navigation.
Следуйте этим указаниям, чтобы обеспечить полноценную навигацию портированного приложения.
Список Android без стрелок вправо в отличие от iOS
Шаблон на других платформах содержит в элементах списка стрелки вправо для того, чтобы пользователь мог развернуть дополнительный контент. Android не использует таких обозначений для списка. Избегайте их, чтобы ваше приложение было согласовано с платформой и не вынуждало пользователя задумываться, что означают эти элементы.
Помните, что ваше приложение будет работать на устройствах с разным размером экрана. Создавайте визуальные средства для различных размеров и плотности экрана, используйте подход multi-pane layouts, чтобы достичь правильного масштабирования интерфейса вашего приложения. Для получения дополнительной информации ознакомьтесь с материалами статей Devices and Displays и Multi-pane Layouts.
На прошлой неделе мы писали о прототипах мобильного приложения: об их видах и случаях использования. Вопрос, который остался без ответа: можно ли совсем не делать прототипы?
Прототипирование является важной, но не обязательной частью дизайна приложения. Мы всей душой за прототипы, но только в тех случаях, когда они действительно нужны. В этой статье мы расскажем вам,
Прототипирование не имеет критичной важности в большинстве «простых» приложений. Небольшое количество страниц позволяет и без дополнительных инструментов разработать интерфейс приложения. Если у вас именно такое приложение, вы можете просто сэкономить часть своих средств на прототипировании.
Если у вас проект с большим количеством страниц, то он однозначно нуждается в прототипировании. В противном случае возможны несоответствия в пользовательском интерфейсе, а это уже дополнительные затраты на этапе графического дизайна. Сделав прототипирование, вы сможете остаться в рамках бюджета.
Нет строгой классификации про сложные и простые приложения. Как правило, среднее приложение имеет 17-20 страниц. Но это величина примерная, полученная нами опытным путём. Точно можно выяснить только видя конкретное приложение и его задачи. Поэтому на уровне обсуждения проекта мы с вами выясняем его сложность. Если структура вашего приложения не имеет спорных или сомнительных моментов, то порекомендуем вам не прототипировать.
Первый — это изображение с элементами интерфейса. Главная особенность статического прототипа — в него нельзя внести изменения. Вернее, можно, но только перерисовав саму картинку. Этот прототип подходит для простых по структуре проектов и может быть выполнен хоть от руки, хоть посредством соответствующих программ (например, Balsamiq Mockups).
Сложные проекты требуют динамических прототипов, то есть способных к быстрому изменению. Они трудоёмки: сначала нужно сделать статический прототип, а потом из него — динамический в специальной программной среде (например, Axure). Поэтому лучше делать такие прототипы на отдельных участках UX-карты, на которых это действительно нужно. Если, к примеру, в приложении 90 экранов, а вопросы возникают только к 20, то к ним имеет смысл сделать динамические прототипы. Остальные 70 рационально выполнить статическими.
Вернее, от масштабов нашего с вами сотрудничества. Когда мы напрямую работаем с девелоперами, то сможем вполне понять друг друга без прототипов, потому что фактически занимаемся одним делом, в котором все в теме.
А вот, например, в проектах рекламных агентств принимает участие большое количество специалистов. В этом случае прототип необходим вне зависимости от структуры самого приложения. Нужно, чтобы все участники правильно понимали суть проекта, иначе их работа будет некорректной. Причина проста — чем больше команда, тем труднее без прототипов согласовывать свои действия.
Бизнесмены зачастую хотят вписаться в бюджет и рискуют разрабатывать свой проект сразу без прототипирования. Мы в App2World считаем, что нужно сначала разобраться, насколько такой шаг оправдан, и только потом действовать.
В случае если у вас есть идея, но вы не можете её полноценно развить, прототипирование необходимо. Вы увидите лишнее и недостающее в проекте и продумаете все ходы наперёд или вовсе измените концепцию приложения. Главное в этом — наглядность, которая поможет избежать неоправданных движений и затрат.
Тогда мы берём UI-kit, выполняем прототипы и смотрим, в каком экране есть несоответствие элементов, и вносим изменения. В этом случае вашему приложению даже UI-дизайн не потребуется. На уровне прототипов эти действия проще и быстрее.
App2World всегда работает по принципу открытости и прозрачности. Вам не нужно разбираться в тонкостях дизайна приложения, чтобы сотрудничать с нами.
Мы с вами вместе поговорим и ответим на вопросы:
В любом случае будьте уверены:
О прототипах в интернете полно полезных материалов для специалистов, которые с ними работают. Но крайне мало статей для тех, кто начал информационный проект для своего бизнеса и понятия не имеет, какими неведомыми процессами заняты его партнёры (UX-проектировщики, UI-дизайнеры, аналитики, разработчики). Мы считаем, что такие статьи в нашем блоге должны быть.
Поговорим о прототипах и о том, как они помогают создать по-настоящему классный и востребованный продукт — мобильное приложение.
Прототип по сути является каркасом всего приложения. Функциональные возможности и расположение элементов интерфейса прорабатываются именно на прототипах.
Разработкой прототипа мобильного приложения занимается UX-проектировщик. Примерная скорость создания прототипов для одного приложения — от 1 до 3-х недель и более на крупных проектах. В итоге получается результат, применимый на всех последующих этапах проекта, например, проработке дизайна, программировании (в нашем случае — авторском наблюдении за дальнейшей реализацией приложения).
Такой прототип — изображение экрана в любом графическом формате. Проще говоря, обычная картинка, которую в итоге можно просматривать на мониторе, в смартфоне или напечатать.
Плюсы: возможность быстрого создания.
Минусы: нельзя быстро редактировать, переделав один, нужно делать заново остальные.
Особенность этого прототипа в том, что все экран могут быть собраны в некую программу-прообраз. Это не настоящее приложение, однако его можно «потрогать» прямо в смартфоне и протестировать, как реализованы функции приложения. Также можно использовать этот прототип в виде html. Все действия в таком случае выполняются в интернет-браузере.
Плюсы:
Минусы:
Оба прототипа можно просмотреть в смартфоне с разницей во взаимодействии: статический — это обычное изображение, динамический — демо-версия функциональности приложения, на элементы которой можно нажимать.
Прототип позволяет проработать логику приложения и детали. Также он является отличной постановкой задачи для UI-дизайнера и разработчика. По сути он дополняет техническое задание: визуализирует те функции, которые сложно представить в тексте документа. Если над проектом работает большая команда специалистов, прототип обеспечит у всех одинаковое понимание процесса.
Тестирование прототипа приложения на фокус-группе даёт специалисту дополнительную информацию, которую он может применить в своей работе. Например, можно увидеть следующее:
От этих данных и стоит «плясать», чтобы спроектировать приложение, предназначенное для потребностей человека, а значит — востребованное.
По прототипу сложно оценить рентабельность проекта. Он даёт возможность увидеть, как идея реализуется в интерфейсе и функциональности приложения.
Тем не менее прототип поможет понять примерную стоимость дальнейших работ по мобильному приложению и вы оцените свою финансовую готовность к его продолжению. По статическому прототипу вполне можно предварительно понять стоимость UI-дизайна. А по хорошему динамическому прототипу и документации — примерно оценить разработку.
Если планируемые затраты окажутся выше бюджета, то можно подумать, как их сократить. Ну и самый крайний случай — вы потратите средства только на прототипы, а это в несколько раз меньше, чем за весь дизайн и разработку.
Можно! Но не всем подряд. Об этом, а также о том, когда необходимо использовать динамический прототип, вы узнаете в следующей статье.
На самом деле он для всех. Прежде всего ценовая политика этих устройств самая разнообразная, поэтому зелёного робота могут позволить себе люди с любым достатком.
Да, возможности ОС на флагманских и бюджетных аппаратах будут разительно отличаться, но это закономерно. Тем не менее каждый может выбрать Android себе по душе. Это особенно приятно сейчас, когда Google представила версию платформы, которая разительно отличается от предшественников, – Android Lollipop с новым Material design.
В первую очередь, пользователи Android – люди с пытливым умом. Им будет интересно что-то изменить, перепрошить, настроить, в общем, подвергать своего робота пыткам, пока в итоге им все не понравиться. Их не интересует, что ОС себя нормально чувствует и без вмешательства.
Менее продвинутый народ тоже найдёт, чем себя занять. Android имеет возможность менять темы оформления, настроить интерфейс полностью под потребности владельца.
Пользователю предложено три функциональные кнопки «назад», «домой» и «контекстное меню». В зависимости от устройства они могут быть экранными или физическими. Они соответствуют UX-архитектуре приложений для Android, которая поверхностная, предусматривает возврат на шаг назад, фоновый режим и многозадачность. На практике это выражено в контекстном меню, выпадающих списках, которые делают интерфейс робота отдалённо похожим на операционную систему ПК. Действительно, многим это кажется удачным и привычным опытом.
Вообще, пользователи Android — люди, которые не любят ограничений. Им важно использовать свой гаджет где угодно и как угодно. Android это позволяет своим разнообразием функций и устройств. Например, обмен файлов с ПК на Android — никаких сложностей или дополнительных программ. Десктоп увидит его как обычную карту памяти. Устройство можно подобрать любого размера, аппаратных характеристик и мощности. Пользователя Android не смущает необходимость таких действий, он видит в этом только дополнительные возможности.
В целом работать с роботом приятно, но требует усилий.
Очень подвижный и динамичный — таково первое впечатление. Android подкупает анимационными эффектами, лёгкой вибрацией в ответ на прикосновения к элементам.
В версиях, предыдущих Android 5, очень режут глаз разнотипные иконки. В «леденцовой» версии их решили привести в порядок и создали гайдлайны (основные требования к дизайну иконок). В пятой версии экраны с иконками приложений выглядят очень гармонично.
Родные темы оформления Android – Holo Light и Holo Dark. Но можно скачать и установить все, что душа пожелает. Многие не любят стандартную клавиатуру Android. Точно так же можно зайти на Google Play и выбрать, что нравиться.
Открытость изменениям — вот главная черта Android.
В Google назвали этот подход визуальным языком (visual language). Material (материальный) — метафора, объединяющая рациональность движения физического мира, яркую графику и анимацию. Теперь это по-настоящему красивый Android.
Дизайн ориентирован на все способы ввода с мобильных устройств (касание, голос) и невероятно отзывчивый. На касание Android Lollipop отвечает анимационными тенями и «подвижными» кнопками. Бесспорно, Google удалось оживить стеклянную поверхность. Например, приложение открывается не с центра экрана, а с точки касания пальцем. Простое подтверждение контакта превратилось в отличное взаимодействие. Признаться, вау-эффект от работы с Android Lollipop тоже имеется.
И ещё следует обратить внимание на движения элементов. Например, страницы стали визуально непрерывными. То есть, следующая страница надвигается на предыдущую без мигания. Перекрытие и однонаправленность движений позволяют глазам не «разбегаться», а концентрировать внимание на контенте.
Поверх плоских «отзывчивых» элементов в приглушённых тонах имеется яркая, слегка объёмная кнопка. Также физические края, «швы» и тени помогают понять, чего можно коснуться, где заканчивается список и т. д.
Вот такой зелёный робот — многозадачен и причесан по последней моде, что очень приятно. Будем с ним работать и ждать от Google ещё новинок и приятностей.
Мобильных устройств на iOS от Apple не так много: смартфоны и фаблеты iPhone, iPad Air, iPad mini. Такой узкий круг не мешает им быть одними из самых популярных гаджетов в мире.
Устройства операционной системы iOS в первую очередь — это респектабельность и надёжность. А также, что немаловажно, постоянная программная поддержка.
iPhone и iPad не относятся к широкодоступным устройствам. Это не столько минус, сколько статус. Все дело в том, что Apple — это не просто производитель, а особая философия. Люди хотят быть причастны к её стилю жизни. Для многих iPhone – инструмент самовыражения.
Особенно в iOS привлекает исключительный дизайн интерфейса. Очевидно, слова Джобса о кнопках, которые захочется лизнуть, нужно было сразу воспринимать буквально и относительно всех продуктов этой компании. Именно с выходом iOS 7 стал трендовым плоский дизайн, хотя Apple просто подхватили свежую тенденцию. Тем не менее ОС задала тон всему миру в дизайне мобильных приложений. Поэтому не удивительно, что iPhone — не только смартфон, но ещё и аксессуар.
Впрочем, самодостаточных людей, которым не нужно отдавать дань моде, привлекает простота использования, понятность интерфейса, надёжность аппарата и программного обеспечения. «Хороший дизайн — это прежде всего удобный дизайн», — уверены в компании Apple. Так и работают.
Система разработана так, что не требует сторонних дополнений или изменений. Закрытость iOS и самостоятельное производство устройств — уникальная черта Apple. Естественно, ОС наилучшим образом подогнана под аппаратные особенности и позволяет выжать из устройства максимум возможностей.
Для отличного восприятия системы Apple стала использовать Retina-дисплей на своих гаджетах. Его особенность — максимально высокое разрешение экрана, при котором человеческий глаз физически не способен различить пиксели. Это помогает добиться безупречного отображения и создаёт у пользователя ощущение параллельного мира у себя в руках.
iOS и устройства для неё эргономичны как вместе, так и по отдельности. Например, iPhone нормально помещается в руке, а клавиатура на экране — удобная и обеспечивает быстрый ввод.
Единственная физическая кнопка в iOS-устройствах теперь оснащена Touch-ID для полной безопасности данных владельца. Тем не менее, основная её функция осталась неизменной — «домой». UX-архитектура любых приложений для iOS такова, что больше кнопок просто не нужно. Приложение уводит пользователя вглубь своей структуры, выполняет свою задачу и — жмём Home Button. Ясное дело, выпадающие меню при такой последовательности отсутствуют и не нужны.
Экосистема iOS очень гармонична не только функционально, но и внешне. Ко всем элементам существуют единые стандарты разработки дизайна. Таким образом, любое приложение для iPhone или iPad может вписаться в систему как родное. Это не только приятно отражается на общем внешнем виде, но и не заставляет пользователя менять свои привычки.
Плоский дизайн кардинально изменил восприятие и взаимодействие с iOS. Минимализм и простота, которых можно достичь с помощью плоскости, лучше всего отображают идеологию Apple. И так же хорошо обеспечивают взаимодействие системы с пользователем.
В основе этого тренда лежит минималистичный подход к созданию интуитивно понятных элементов и общее удобство использования.
В первую очередь плоский дизайн — максимальное упрощение. Не используются те эффекты, которые придают изображению объёма: блики, градиенты, текстуры и пр. Используется только двухмерность объектов. В результате все элементы выглядят стильно и утонченно.
Палитра цветов для плоского дизайна тоже минималистичная. Как правило, используется один цвет в разных тонах или приглушённые цвета и яркие акценты.
Чёткие тени в одном направлении — ещё одна особенность flat-дизайна. Особенно хорошо прослеживается на иконках приложений, но в других элементах тоже имеется.
Плоский дизайн проще делать и адаптировать. Для flat-UI может быть использована векторная графика. Она упрощает масштабирование в отличие от растровых изображений, которые больше весят и, соответственно, загрузка приложения происходит дольше.
Новая iOS 8 продолжает линию седьмой версии, изменив при этом детали, касающиеся функциональности. Она стала более интерактивной, интегрированной в облачные технологии. В целом любители Apple будут довольны.
Свершилось, господа! Мы запустили app2world.com, от чего очень довольны и счастливы. Надеемся, вы тоже разделите наши чувства.
На радостях приглашаем вас читать и комментировать профи-блог от App2World.
Он задуман в виде солянки из мыслей, фактов, мнений и знаний, полученных нами в процессе, который называется App2World.
Будем жечь глаголом обо всём, что касается деятельности App2World. То есть, всё о дизайне мобильных приложений: UX, UI, usability; про операционные системы, мобильные устройства и многое другое.
Мы расскажем вам, что сопровождает нашу работу, поделимся опытом и наблюдениями, поразмышляем и многое проанализируем. Вас ждут здесь статьи, новости, обзоры и рабочие заметки.
Также запланирован рассказ о самом сайте. За этой красотой скрывается немалая работа, которую проделала наша команда за несколько месяцев. Честно, мы очень старались, чтобы результат нам с вами понравился. App2World торжественно клянется поделиться опытом создания своего сайта.
Попробуем вас вдохновить, зарядить, развлечь и немного озадачить. Благодаря нашей «живой» библиотеке и традиции наполнять её только тем, что интересно и полезно, появилась мысль о рецензиях. Думаем, поговорить будет о чём.
Будут ещё интервью с клиентами в формате мнений и рекомендаций по созданию и продвижению мобильных приложений. Как эти компании пришли к необходимости выйти на мобильный рынок, вы узнаете в этом блоге.
App2World приветствует самую разнообразную аудиторию. Мы много чего хотим сказать бизнесменам, в частности, нашим клиентам, коллегам по дизайнерскому делу и смежным специальностям, и, конечно же, разработчикам мобильных приложений.
Изо всех сил постараемся вести этот блог доступно и легко, чтобы было понятно не только увлечённым людям, а и всей широкой аудитории.
Опция «уважение к читателю» у наших авторов включена по умолчанию. Регулятор объективности приведён в режим «параноидальный». Приложим усилия, чтобы удержать его на том же уровне.
Мы стремимся, чтобы информация в этом блоге приносила пользу нашим читателям.
Публикаций, не относящихся к теме, само собой, не будет.
Говорите с App2World больше. Мы хотим знать ваше мнение по поводу всего, что делаем. Обсуждение всех постов, опубликованных здесь, доступно на страницах App2World в социальных сетях. Неформальные беседы и контент мы решили тоже вести в них, так намного удобнее и для нас, и для вас, читатели. Конкретные предложения по материалам в блоге категорически приветствуются. Впрочем, абстрактные пожелания всего хорошего — тоже. А если слов нет — жмите лайки!
И вообще — будьте с нами:)