Как залезть на коня?

23 октября 2015

Не пивом единым живут пятничные записи в блог. Всё-таки мы на профессиональные темы здесь разговариваем. Но выдавать ещё один мегасерьёзный пост нам тоже не хочется. Уж простите за метафоры, не удержались, пятница же!

Собственно, тема

Нам очень-очень много раз приходилось наблюдать клиентские муки и терзания по поводу создания мобильного приложения:

  1. С чего начать?
  2. Как втиснуться в бюджет и сроки?
  3. Как сделать техзадание?

И самое главное — как понять, что качество продукта соответствует запросам пользователей, которые будут его покупать?

И т. д. В принципе, нормальная реакция адекватного человека. Но нередко руководители проектов так загоняют себя (и сам проект) в угол, что получают результат, который некрасивый или неудобный в использовании. Или же и то, и другое сразу.

Чтобы хорошие люди больше не мучились , мы решили придумать понятное и практическое руководство.

Процесс создания мобильного приложения напоминает попытку неподготовленного человека залезть на коня. 

Спросите, а что здесь непонятного? Все знают, что лезть на коня нужно сбоку.

Тем не менее многие пытаются лезть на коня через морду. То есть, начинают сразу делать безумный интерфейс без чёткого представления о его использовании: нереально крутой, оригинальный, напичканный возможностями. Как правило, в таких случаях внедряются нестандартные решения, которые очень трудно программировать. Результат: вместо логичного и понятного интерфейса — абсолютно бесполезное и неудобное приложение, перегруженное графикой.

Такие приложения хорошо скачивают (срабатывает вау-эффект), но возврат в приложение не происходит (то есть, пользователи его удаляют).

Если вы

  • продаёте свои товары/услуги через мобильное приложение,
  • предоставляете возможность обмена файлами или генерации контента,
  • проводите через мобильное приложение финансовые операции,
  • предлагаете решение повседневных задач (бытовые дела, тайм-менеджмент, образование),

то возврат пользователя в приложение вам крайне важен. Думайте о своих клиентах в первую очередь.

Выяснили, через морду (то бишь, интерфейс) лезть не надо. Некоторые создатели сразу это смекают и тут же лезут с противоположной стороны.
Нет, не в это место, а сразу в программирование.

По этой причине сегодня сделано немало хороших, но крайне некрасивых приложений. Скачивают с маркета их неохотно, потому что они привлекают внимание других программистов, но никак не целевой аудитории.

При всей нашей огромной любви к разработчикам, начинать приложение с программирования нельзя. На планете очень мало самородков-программистов, которые сделают одновременно удобное, функциональное и эстетическое приложение. Гайдлайны производителей по графике и прочие манипуляции с изображениями (прототипирование, UI kit, нарезка графики) — это сущая ересь в понимании наших коллег-разработчиков. Конечно, они выполнят все стандарты, но концентрироваться на эстетике и эффектности интерфейса не будут. Им главное, чтобы всё работало, а если у пользователя не получается дружить с интерфейсом, то это его (пользователя) проблемы.

Получается, каждый специалист хорошо делает только то, что он умеет. Обращаться к кому-то одному смысла нет, почему — описали выше. Короче, как всегда, истина где-то там. Иногда и рядом.

Собственно, руководство.

Первое. Гладим коня по морде

То есть, звоним/пишем/телеграфируем, идём ногами к дизайнеру, и наконец-то озвучиваем идеи по поводу проекта. Можно даже аналоги от конкурентов показать. Вам не помешает узнать от специалиста следующее:

  • примерные пути монетизации (вам могут подсказать то, о чём вы даже не догадывались);
  • последние тенденции UI-дизайна;
  • возможные стили для вашего приложения;
  • сценарий взаимодействия, желательно, подкрепленный
  • прототипами.
  • возможности, которые стоит реализовать, а от каких отказаться, чтобы не потерять основную идею приложения;

Самое ключевое здесь — представление, каким способом, методами дизайнер способен решить ваши бизнес-задачи.

Второе. Ласково похлопаем коня по попе

В смысле, определимся с программированием. Для этого следует показать разработчикам UX-карту, прототипы приложения и техническое задание на разработку. Первое и второе вам поможет создать дизайнер. Увидев эти документы, программист объяснит вам, какие функциональные возможности оптимальны в реализации. И посоветует, от чего лучше отказаться. Также вы вместе найдёте компромиссное решение, если бюджет проекта стеснён (в разумных пределах, конечно).

Вот теперь, после инструктажа, можете забираться на коня, как нормальный человек, — сбоку, поняв процесс, рассчитав все движения и риски, имея толковые техзадания на дизайн и на разработку.
И не забудьте про седло.

Кони тоже бывают разные. Крутые арабские скакуны, симпатичные пони, непонятные особи в пальто и Коньки-Горбунки с высоким интеллектом… Тысячи их! Смотрите себе в карман, оценивайте бюджет, выбирайте, повторяйте движения по инструкции — и всегда будьте на коне.

Ну что, покатаемся? 😉

One more thing

07 октября 2015
Вы поднимаете запястье и на экране активизируются уведомления. Ваше сердцебиение измеряется и анализируется. Вы можете прикоснуться к другому человеку на расстоянии. 
Apple Watch — это пример технологий, ставших в прямом смысле частью человека. Apple Watch — новый тип взаимодействия цифровых технологий с человеком.

Кратко про смарт-часы — кому они, для чего они?

Это устройство ново не только для мира, но и для компании Apple. Смарт-часы — первый продукт, в разработке которого не принимал участия Стив Джобс. Однако Тим Кук со своей задачей справился. После его слов «One more thihg….» мир мобильных устройств уже никогда не будет прежним. Продажи Apple Watch в первый день перешагнули показатели часов Android за весь 2014 год.  Не смотря на то, что идея умных часов появилась давно, массовое использование смарт-часов началось именно с Apple Watch.

 

Владелец, или как его назвали разработчики, носитель (Wearer), взаимодействует с часами и своим iPhone. Устройство работает только в паре с iPhone 5 и новее посредством соединения BlueTooth, также требует наличия версии системы не ранее чем iOS  8.2. Самостоятельно часы только показывают время, но зачем они тогда нужны, верно?

1
Источник изображения

Apple Watch позволяет, не доставая iPhone с кармана, управлять потоком уведомлений и сообщений. Это основная задача смарт-часов, поэтому для пользователей с одним e-mail в день они явно не подходят. Если вы находитесь в транспорте, в толпе, на конференции, в другой комнате, часы помогут вам реагировать на уведомления максимально быстро и комфортно.

Также Apple Watch умеет управлять музыкой, считает шаги, сердцебиение и потраченные калории.

Через часы можно отвечать на звонки и звонить самому, когда руки заняты. Особенно это актуально для фаблетов серии Plus, которые не всегда удобно доставать, чтобы ответить на ходу. Также смарт-часы понимают, что когда они не на руке, а телефон у вас, то оповещать о входящем звонке не надо.

Часы можно настроить на ношение на любом запястье — левом или правом, менять ремешки, коих появилось великое множество. Устройство заряжается с помощью магнитного коннектера и совершенно не отбирает заряд батареи у смартфона. Компенсация идет за счет того, что пользователь меньше достаёт iPhone с кармана или сумки.

Кстати, время смарт-часы показывают очень красиво. Apple Watch имеет множество разных циферблатов, каждый — настраиваемый.

Футуристический дизайн корпуса так же не оставляет равнодушным. Он может нравится, может и нет, но мимо не пройдет никто.

Приложения запускаются с iPhone и работают в фоне, отображая статус событий на Apple Watch и с возможностью реагировать на события. Соответственно взаимодействие делится на 2 части:

1. Приложение-компаньон в смартфоне (расширение на iPhone, которое управляет настройками и приложениями в смарт-часах );
2. Часы (приложение непосредственно в смарт-часах).

4

Источник изображения

В целом устройство создано в общей экосистеме с iPhone и Apple постоянно работает над тем, чтобы свести различия к минимуму. Но всё-таки смарт-часы имеют ряд важных отличий интерфейса.

Про взаимодействие

Приложения Apple Watch делятся по взаимодействию на 3 типа.1. WatchKit

Приложения с полным пользовательским интерфейсом (запуск и элементы управления).

2. Glances

Приложение для уведомлений с возможностью индивидуальных настроек оповещения (кастомизации).

3. Notifications

Этот тип приложений отображает push-уведомления и позволяет пользователю реагировать на них.Приложение устанавливается и работает только в паре iPhone. Это значит, что установить его только на часах нельзя.

Сеансы взаимодействия — кратковременные (несколько секунд). Приложение смарт-часов дополняет основное приложение в смартфоне.

Форма и содержание

3
Источник изображения 

«Каждый найдёт свои»

Часы доступны в продаже в трёх версиях с разным бюджетом:
  1. Watch (Retina, сапфировое стекло, нержавеющая сталь холодной ковки, классический ремешок),
  2. Sport Watch (анодированный алюминий, специально изобретённый в Apple, стекло Ion-X, фторопластовый ремешок в различном цветовом исполнении),
  3. Edition Watch (18-каратное золото, полированное сапфировое стекло, классические кожаные ремешки и спортивные пряжки).
 Разрешения экранов приложений для них соответствуют разным версиям часов: 38x38мм или 42x42мм с разрешением 340x272px или 390x312px.

Watch OS

Внутри часов — Watch OS, специально разработанная операционная система, поддерживающая часы, Siri, встроенные приложения iOS и сторонние приложения для iPhone. Разумеется, система работает только на Apple Watch. На сегодня представлена версия ОС под номером 2.

 Управление приложениями

Типы навигации

1. Глубинная (иерархичная)
2. Постраничная (небольшое количество равноценных страниц)

Жесты для управления Apple Watch:

2
 Источник изображения
  1.  Одиночное прикосновение к дисплею.
  2. Свайпы: вертикальные и горизонтальные жесты одним пальцем.
  3. Хотя экран смарт-часов поддерживает мультитач, скроллить новостные ленты, работать двумя пальцами для уменьшения/увеличения неудобно на таком маленьком экране. Поэтому эти жесты заменены прокруткой с помощью кнопки.
  4. Кнопка Home справа внизу возвращает пользователя на главный экран.
  5. Экран распознает длительность нажатия и, что немаловажно, сильное нажатие (Fource touch) Кстати, в iPhone такая же функция появилась немного позже, — начиная с модели 6 s.
  6. Двойное нажатие на кнопку прокрутки открывает последнее приложение.
  7. Длинное нажатие на эту же кнопку — вызывает Siri.
  8. Жест сверху по главному экрану открывает уведомления, жест снизу — меню обзор.
  9. Одновременным нажатием на обе кнопки можно сделать скриншот.
  10. Также кроме жестового управления есть голосовое для всех приложений Apple Watch. Пользователь может поставить задачу Siri, используя часы.

Про перспективы для разработчиков приложений

Аудитория

Многие скептики и сейчас продолжают говорить, что смарт-часы — всего лишь дополнение к телефону. Однако, Apple Watch покупают и будут покупать. Уже сейчас можно разделить пользователей на 2 аудитории.

Первая — те, кто действительно заинтересован в новый возможностях, которые открывают смарт-часы. Рискнём предположить «на глаз», что этот сегмент в меньшинстве.

Вторая — те, кто купит по одной причине: это же Apple! И те, и другие — потенциальный рынок, который нужно занимать компаниям.

Apple продаёт не просто инновационные продукты, а стиль жизни. Поэтому Apple Watch для своего носителя — демонстрация индивидуальности и хорошего вкуса. Кроме этого, смарт-часы делают своего носителя быстрее, конкурентоспособнее  и продуктивнее. Соответственно, пока они рассчитаны на обеспеченную, успешную, амбициозную аудиторию:

  1. креативный класс, который занимается любимой работой и получает с неё прибыль;
  2. серьёзных бизнесменов, которые смогут позволить себе статусную покупку;
  3. публичных людей (спортсменов, шоуменов, звёзд и т. д.).
Часы однозначно подходят тем, кто боится пропустить важное письмо, тем, кто живёт в бешеном ритме жизни и не может позволить себе час в день на разбор сообщений и уведомлений. Для них смарт-часы решают все задачи на ходу.

Актуальные приложения

Из всего этого следует понимать, что дополнять своё приложение функционалом для смарт-часов есть смысл, если планируется тесное взаимодействие с пользователем.

Спорт

Идеальная сфера — приложения для спорта и здорового образа жизни. Сердцебиение, калории, шаги, скорость и пр. Всё, что можно измерить, посчитать, распланировать. В часах есть родные приложения — «Тренировка» и «Активность». Но можно предложить свою альтернативу — установка сторонних приложений для спорта доступна пользователю любой модели часов.

Кстати, о планировании

Актуальными для смарт-часов будут приложения-планировщики. Часы напомнят своему носителю, чем он должен заниматься в ближайшее время.

Рисование и заметки

Текстовую, рисованную или звуковую заметку можно сделать прямо из Apple Watch в приложение на iPhone.

Мессенджеры

Теперь любое сообщение можно прочитать и ответить на него, не доставая смартфон из кармана. Уже разработаны приложения с возможностью отправки коротких слов. Также сообщения могут быть не только текстовыми: можно прислать небольшой рисунок, анимацию или вибрацию.

Шоппинг

Apple Watch поддерживают Apple Pay и соответственно, всевозможную оплату картами Visa, MasterCard. В США и Великобритании с помощью часов можно оплатить любые покупки: от McDonald’s и автобуса до существенных приобретений. Также можно больше не носить с собой бонусные карты, авиабилеты и прочее — всё это доступно прямо из часов Apple.

Минусы устройства по пользовательским отзывам

Не всем носителям жизнь без Apple Watch показалась серой и невкусной.

Apple Watch не подходит людям, которые:

  • не любят носить что-либо на запястье;
  • не любят, когда их отвлекают.
  • имеют татуировки на запястье.
Пожалуй, всё.

Что ещё почитать-посмотреть про Apple Watch?

 
Оригинальная информация от Apple доступна на Apple Developers.
Хорошая, годная реклама Apple Watch.
Презентация Apple Watch от 9 сентября 2015 года.

 

Как обучить пользователя с первого экрана

23 сентября 2015

Главная задача, с которой сталкивается пользователь сразу после установки приложения, — разобраться, что и как делается. Поэтому в задачи дизайнера входит не только архитектура и красивый интерфейс, но и пояснение людям, как работать с приложением.

С целью обучения пользователя используются специальные элементы дизайна.

Демо-тур

Демо-тур (start wizard) — это послайдовый гид по приложению, который позволяет провести обучение пользователя по основному функционалу приложения или его части.

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

Особенности демо-тура

  • Показывается пользователю только при первом взаимодействии.
  • Длится не более 30 секунд.
  • Пользователь не взаимодействует со слайдами, а только просматривает.

На что обратить внимание

  • Пользователь должен легко разобраться с содержанием обучающей части.
  • Очевидные моменты лучше пропустить, они скучны.
  • Все мы любим состояние успеха. Удержите внимание пользователя и обязательно покажите успешное завершение задачи.
  • Пишите комментарий пользователю, так, будто рассказываете это своему другу. Это будут самые простые слова для пояснения.

Демо-тур приложения MyFun (PepsiCo)

Help

Демо-тур Google Диск

New Project

Демо-тур Dropbox

New Project (3)

Подсказки

Современные устройства с мультитач-экранами поддерживают одновременно до 10 точек касания. Это создаёт разработчикам дополнительные возможности при решении проблем с навигацией, а пользователю — проблемы в её понимании. Чтобы помочь пользователю с управлением, в нужный момент появляются подсказки.

Всплывающая подсказка — относится ко всей странице и может появляться на весь экран, снизу, сбоку экрана.

Всплывающая подсказка Instagram

S50911-013240

Выпадающая подсказка — относиться только к одному элементу страницы.
Выпадающая подсказка Instagram

S50925-122144

Оверлей — наложение подсказки на экран.

Оверлей в Google Диск

S50907-022416

Пустые экраны

Пустые экраны (или экраны нулевого состояния) — это экраны, на которых пользователю нужно добавить содержимое. Они могут быть пустыми только при первом запуске, когда данные для отображения ещё нужно создать или от действия к действию (например, выбрать товары и наполнить корзину).

Страницы, на которые чаще всего попадают пустые экраны:

  • корзина,
  • избранное,
  • папка мессенжера в которой нет писем,
  • плейлист, в котором ещё нет песен,
  • блокнот без записей и пр.

Проблема пустого экрана

Большинство пользователей сразу не вспомнят, когда они видели пустые экраны в приложениях. Взаимодействие с пустым экраном обычно происходит в начале использования. В этом случае есть два пользовательских сценария развития событий для приложения с пустым экраном.

Первый сценарий:

я загрузил приложение — я вижу пустой экран — я не знаю что делать дальше — возникают ошибки (состояние неудачи) — я удаляю приложение.

Второй сценарий:

я загрузил приложение — я вижу пустой экран — я знаю что делать дальше — состояние успеха — я работаю с приложением.

Пустой экран без интуитивной подсказки — типичная и дорогостоящая ошибка проектирования. Этот экран считается второстепенным элементом UI, поэтому на него не всегда обращают внимание. Но с архитектуры пустой экран никуда не денешь: девелоперы обнаружат и добавят сами стандартное изображение, не попадающее в ваш дизайн и вызывающее сценарий № 1.

Пустой экран нужно дизайнить

Пустые экраны — простой способ создать харизму приложения и хороший пользовательский опыт.

В идеале на пустом экране нужно:

  • пояснить пользователю, что это за экран и почему он пустой;
  • как наполнить экран содержимым;
  • что делать с этим содержимым дальше.

Как разработчики популярных приложений решили проблему пустого экрана

Пустой экран легко вписать в общий UI приложения. Он вполне может быть изящными дополнять ключевые экраны, а в некоторых случаях — вовлекающим элементом. Это самое место для того, чтобы высказать свое расположение пользователю и добавить позитива в его жизнь.

Photo Studio

Это приложение — мощный фоторедактор для мобильных устройств.
В нём пустой экран поясняет следующее действие и его результат: если нажать на кнопку, то начнется процесс обработки пользовательских фото.

preview_map

Google Диск

Пустые экраны приложения Google Диск 

New Project (1)

Clip Studio

При первом запуске редактора Clip Studio пользовательские файлы отсутствуют. Чтобы создать контент, нужно коснуться выделенного поля с плюсиком.

6_clip_clear copy

 

Instagram

Пустой экран Instagram

S50911-013417

Viber

Разработчики решили нарисовать на пустом экране вызовов грустного кота. Получилось интересно и понятно.

Пустой экран Viber

S50905-231556

Pinterest

Разработчики этого приложения поместили в пустых экранах информацию, которая понадобится пользователю для работы с приложением.

Пустые экраны в Pinterest

New Project (2)

 

Inbox

Почтовый клиент выполняет также функции органайзера. Поэтому, когда задач нет, на пустом экране просто солнечно.

Пустой экран Inbox

S50922-090958

Вспомогательные экраны

Существуют экраны, которые имеют минимум элементов, но при этом не считаются пустыми.

Экран загрузки

Отличительный элемент — индикатор загрузки приложения или любого другого процесса в нём.

Фоторедактор Snapseed

S50923-174117

 

Экран обработки фото в Instagram

S50923-174623

Экраны ошибок

Это экраны, уведомляющие пользователя про возникновение ошибки в его действиях или в самом приложении. С них чаще всего нет выхода в приложение до тех пора, пока ошибка не будет устранена. Например, когда прерывается соединение с интернетом и продолжить работу приложения невозможно.

Однако главная цель этих экранов — помочь пользователю разобраться и снизить степень его раздражения.

Экран ошибки в приложении Amplify

S50922-201830

Что между ними общего?

Они все не должны быть похожими по оформлению на пустые экраны, чтобы пользователь смог решить основную задачу.

Нестандартное вовлечение

Приложения с нестандартной навигацией и функциональностью вызывают непонимание у пользователей. Поэтому людям нужно помочь дизайном и взаимодействием. Ощущение заботы и успеха — эти чувства должны возникать при пользовании приложением.

AnyDo

Хороший пример вовлечения пользователя в популярном приложении AnyDo. В нем пользователь создает свой контент — списки личных дел для выполнения. Чтобы легче было понять, с чего начать, приложение предлагает дефолтный список задач, который можно отредактировать и сохранить как свой. Умелый маркетинг разработчиков формирует и поддерживает у пользователя ощущение успешно выполненной задачи.
Рассмотрим подробнее, как это работает.

1. Экран приветствия показывает стандартный список и предлагает пользователю начать работу.

Screenshot_2015-07-15-13-58-07

 

После регистрации пользователь тут же получает письмо от исполнительного директора AnyDo и шоу-рил с демонстрацией работы приложения. Согласитесь, такое внимание очень приятно.

any

2. Пустой экран поясняет, что нужно сделать, чтобы добавить задачу в приложение.

Clip2net_150925123929
3. Экран объясняет типичные касания для этого приложения, в том числе нестандартные:

 

Screenshot_2015-07-15-14-01-27

Ощущение успеха и поддержки

За каждым проектом мобильного приложения стоит компания-создатель. Но пользователь продукта желает видеть не мегакорпорацию, а команду людей, проявляющих к нему интерес и заботу. Поэтому взаимодействие с приложением должно напоминать общение с человеком, который вас понимает и готов помочь в случае трудностей. Тогда приложение будут воспринимать как “человеческое лицо” компании.

AnyDo

Разработчиков AnyDo точно все видят так:

S50922-202127
За успешное выполнение списка пользователя тут же ждёт сюрприз. А подарки любят все.

 Вовлечение пользователя в Pinterest

Разработчики Pinterest решили взять своего пользователя мотивацией. Судя по всему, у них получилось.

Стартовый визард Pinterest

New Project (4)

И вместо итога

Каждая проработанная деталь взаимодействия — это проявление искреннего уважения к вашим пользователям, выходящее за рамки одного приложения. Покажите, что ваш продукт сделан с любовью к человеку и мыслями о человеке.

Новый векторный логотип Google

03 сентября 2015
Скачать логотип google во всех форматах

Компания Google презентовала свой новый логотип.  «Лаконичность, простота, яркость и дружелюбие.»  — Так прокомментировали эту версию разработчики. Обновление касается всех сервисов Google. Изменилась и кнопка мобильных приложений. Теперь это — буква G из нового логотипа.

Доступен для скачивания в форматах:

 

Google new logo Eps
Google new logo Pdf
Google new logo Ai

 

 

Скачать новый логотип google одним архивом

 

Download new google logotype free

А также вам пригодятся спецификации по айдентике Google:

  1. Evolving the Google Identity
  2. Product Sans (в формате .pdf)

И, конечно же, сама буква G. Архив доступен по ссылке.

Монетизация мобильного приложения

13 августа 2015

Просмотрев интернет, можно найти уйму апокалиптических прогнозов на тему монетизации мобильных приложений. Все они сводятся к тому, что мобильный рынок захватят бесплатные приложения.

Но мы понимаем, что на все 100% такое невозможно. Без коммерческой выгоды в принципе невозможно развитие любой области. А спрос на это развитие есть. Нужно искать выгодные бизнес-модели.

Отстраиваемся от конкурентов

Первое, что делает разработчик — смотрит на конкурентов:

  1. Сколько стоит их приложение?
  2. За счёт чего они получают прибыль?
  3. Сколько скачиваний в день происходит у конкурента?
  4. Какие функциональные возможности предлагает конкурентное приложение?
  5. Отзывы реальных пользователей.
  6. Как реализовано приложение ( юзабилити, качество дизайна, программной части).
  7. Место продажи приложения (App Store, Google Play)

Базируясь на этих данных, можно отстроиться от конкурентов, предложив целевой аудитории больше возможностей и полезных действий. В зависимости от этой отстройки выбираем модель монетизации.

Модели монетизации

В основе любой модели лежит лояльность пользователей. В зависимости от того, сколько функционала вы продаёте изначально, нужно определиться, как работать с аудиторией: с приоритетом на удержание постоянных пользователей, которые покупают дополнительные возможности, или уделяя внимание привлечению новых.

Приложение с платным скачиванием

Здесь всё просто: назначить цену и получать оплату. Но популярность платных приложений с каждым годом снижается. Тем не менее этот рынок неплохо себя чувствует, ведь пользователи по-прежнему готовы платить за уникальный и незаменимый инструмент в своём смартфоне. Или за высокобюджетную игру. Вывод — ключевая идея платного приложения должна сражать наповал, а иначе не стоит выбирать эту модель.

Приложение с бесплатным базовым функционалом

Вы создаёте 2 версии — бесплатную (light) с ограниченным функционалом, и полную (full), за которую пользователь должен заплатить.
Монетизация происходит при скачивании полнофункционального приложения по одному из двух путей:

  1. пользователь покупает полную версию сразу;
  2. пользователь покупает спустя время, оценив light-версию.

К этой модели можно добавить ещё один ресурс — рекламу в базовом приложении. Соответственно, в полном её не должно быть.

Приложение с пробным периодом

Полнофункциональная версия вашего приложения доступна для пользования на протяжении некоторого периода. По истечении пробного периода вы предлагаете либо купить лицензию на использование, либо удалить приложение. Если вам удалось «подсадить» пользователя на все полезные функции, прибыль у вас в кармане.

Приложение с оплатой за дополнительные функции (freemium)

Бесплатное приложение, в котором доступна часть функций или контента, а дополнительные нужно покупать. Сейчас это одна из самых актуальных моделей. Мотивировать пользователя на загрузку легко — «бесплатно» всегда действует сильнее других убеждений. Затем вы предлагаете набор функций или контента за приемлемую цену.

Реклама в приложении

Приложение может быть абсолютно бесплатным за счёт привлечения средств рекламодателей. Но не всё так просто.

Пользователи стараются любыми путями уйти от рекламы. Все мы устанавливаем антирекламные плагины в браузеры, переключаем каналы ТВ во время пауз. Также известно такое явление как баннерная слепота — человек совершенно не обращает внимания на окружающую его рекламу.

Реклама в мобильном раздражает больше: небольшой экран сужает пространство восприятия, а избавиться от надоедливых баннеров  невозможно, если разработчик выбрал рекламную модель монетизации.

Выход — показывать только то, что может быть интересно и полезно. Например, если ваша аудитория — студенты, им нет смысла показывать «пластиковые окна недорого». Вам придётся анализировать аудиторию и создать в приложении рекламное пространство, соответствующее запросам пользователя.

Привлечение спонсора

Вы находите спонсора, которому интересна идея вашего приложения, и разрабатываете продукт под авторством его бренда.

Приложения с монетизацией через пожертвования

Бесплатные приложения с просьбой поддержать проект. Редко выходят в ноль, поэтому в коммерческих целях не стоит использовать эту модель. Таким приложением люди пользуются без всяких мыслей о поддержке разработчиков.

Подписка на контент

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

Основные проблемы монетизации

Конкуренция

В AppStore и Google Play сейчас находится огромное количество приложений: более миллиона в каждом. Это значит, что конкуренция растёт и за внимание пользователя придётся сражаться ещё сильнее, чем год назад.

Вывод 1 — пользователь не будет просматривать список приложений в маркете далее 1-й страницы.

Вывод 2 — привлечение пользователя из маркета станет практически невыполнимой задачей. Нужно пользоваться другими средствами и работать с аудиторией максимально плотно. Как вариант — продвижение в социальных сетях, публикации обзоров на популярных ресурсах. Людям проще узнавать рекомендации от авторитетного источника, чем тратить время на сравнение самостоятельно. Реклама и целевые страницы при должном подходе тоже дают неплохие результаты.

Вывод 3 — применив все способы выше, мы понимаем, что обеспечить возврат в приложение — отдельная задача, направленная на удержание внимания пользователя. Она решается через дизайн, юзабилити и маркетинговые подходы.

Бесплатные аналоги

Они всегда в приоритете у пользователя именно потому, что за них не надо платить. Не все готовы покупать хорошее приложение, если есть бесплатный аналог чуть хуже.

Приложение как функциональная часть сервиса

Такое приложение само по себе практически невозможно монетизировать. Оно функционирует как часть сервиса и является частью большой системы с общим бюджетом.

Выводы

1) Прежде чем взять, нужно поделиться чем-нибудь бесплатно. Предлагайте бесплатные версии приложений, пробную подписку на контент, бесплатные предложения от своего сервиса.

2) Если выбранная бизнес-модель не принесла ожидаемый результат, её следует плавно сменить на другую. При этом важно, чтобы пользователи получили частично обновлённый продукт.

3) Чем удачнее бизнес-модель, тем больше вероятность, что ваше приложение станет хитом.

Будущее мобильных технологий

22 июля 2015

Реальность фантастического фильма намного ближе, чем кажется. Многое, описанное здесь, — это будущее, которое приближается к нам гораздо быстрее, чем могли представить себе люди лет 50 назад. Каким станет мир с мобильными технологиями?

Дополненная реальность

Персонализация устройств приведёт к тому, что приложения и мобильные технологии станут частью самого человека. При этом под мобильными устройствами надо понимать не только привычные смартфоны и планшеты, а и другие устройства, носимые на теле (одежда, часы, очки, браслеты, кольца и пр.). Все они будут создавать так называемую дополненную реальность (mixed reality), — вспомогательную информацию для восприятия окружающего мира.

t1

То что видел Терминатор, сканируя попавшихся на пути персонажей — тоже дополненная реальность. Всего 25 лет назад это было фантастикой.

( Терминатор 2)

Источник картинки

Дополненная реальность в мобильных устройствах стала известна благодаря компании Google и очкам Google Glass.

google-glass
Google Glass

Источник

Они не получили массового распространения и сразу были запрещены в нескольких странах, так как показали проблемы, к решению которых современное общество пока не готово. Например, что делать с приватностью, насколько правомерно снимать людей на видео/фото без их согласия, не вредят ли они психическому состоянию носителя и пр. Сейчас Google Glass — концепт, опережающий своё время и потребности людей. Но нет сомнений в том, что технологии дополненной реальности перевернут этот мир с головы на ноги.

Augmented_reality_-_heads_up_display_concept

Мобильный телефон будущего (концепт).

Источник

Новые форматы управления информацией

Веб-сайтам придётся подвинуться

Мобильные приложения сильно потеснят веб-технологии. С развитием и распространение мобильных устройств, приложения будут иметь гораздо больше полезного функционала, в отличие от сайтов. При этом удобство использования и безопасность данных в приложениях намного выше.

Для примера возьмём мобильный банкинг. Сейчас он реализован в двух интерфейсах — веб, который используют с десктопных устройств и мобильный — с приложений мобильных устройств. Каждый из них по-своему удобен, но ни один не универсален:

  • не все смартфоны достаточно защищены от потери данных;
  • в веб-версии ваш счёт уязвим, если вы используете его с другого устройства.

В будущем управление личными финансами полностью переместится в мобильные устройства, а необходимость в привычных сегодня веб-интерфейсах отпадёт.

Оплата с мобильного станет бесконтактной

Мобильные приложения окончательно упразднят привычные способы взаиморасчётов, в том числе — наличные деньги, кредитные карты и банкоматы для них. Оплата чего-либо будет производиться с помощью бесконтактных мобильных технологий: одно устройство считывает данные с другого устройства, платёж проходит моментально, а чек сохраняется в вашей истории платежей.

11

Бесконтактный платёж

Источник

Новый формат медиа

Еще один пример, почему веб-ресурсам придётся искать новые решения для себя.

Вы замечали, каким образом получаете новости из внешнего мира? Сколько источников воспринимаете?

Источников информации стало в десятки раз больше, чем было ещё 10 лет назад. Но получаем мы информацию иным способом — через социальные сети. Сегодня достаточно быть подписанным на ключевых политиков, медийщиков и общественных деятелей, чтобы получать информацию сразу от её создателей, а новостные события в СМИ всё чаще сделаны в формате: «Как написал Иван Иваныч в своём Фейсбук, … [и здесь — суть события]».  Крупнейшие медиаресурсы теперь ретранслируют события из социальных сетей, а сообщества принимают непосредственное участие в решении проблем.

В будущем совсем не станет бумажных изданий и медиасайтов. Информационное пространство полностью переместится в соцсети и каждый сможет управлять им с мобильного приложения.

Репортажная журналистика полностью станет мобильной

Пост в Фейсбуке заменяет полноценный репортаж, поэтому заработает тот, кто первый спродуцирует контент. Мобильные устройства уже имеют все средства для создания качественного контента. В недалёком будущем контент станет пользовательским почти полностью, а контролировать достоверность информации станет в разы проще, так как стать первоисточником информации сможет любой человек.

Общедоступность информации и спрос на уникальные знания

Традиционные университеты заменит онлайн-образование. С помощью мобильных технологий информация станет доступной для любого жителя планеты, а настоящей ценностью будут уникальные знания и опыт, за которые многие будут готовы платить.

Безопасность данных

В информационном мире мы постоянно используем личные данные для совершения разных операций. В будущем такие операции будут выполняться ежесекундно, поэтому ценность секретной личной информации возрастёт в несколько раз. Информационная безопасность станет главной проблемой как корпораций так и среднестатистического гражданина на планете.

Управление окружающим пространством

Смерть настольных мониторов

Мобильные устройства по-настоящему освободят человечество для движения. Это происходит уже сейчас: множество людей не представляют свою работу без мобильных устройств. Многие работают удалённо и путешествуют. Но большому количеству профессий всё ещё нужны большие мониторы. За примером далеко ходить не надо: рабочее пространство наших дизайнеров требует дополнительных громадных мониторов.

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

Революция в пространстве уже произошла. Совсем скоро каждый сможет создавать 3D-проекции с мобильного в любой точке планеты. Офисы в нашем привычном понимании будут упразднены и станут виртуальными.

Fotolia_43527467_Subscription_XL

Источник

Искусственный интеллект

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

jarvis-in-ironman

Тони беседует с Джарвисом

(Железный человек)

Источник

Управление бизнесом

Компании станут мобильными

Грани между личной жизнью и работой будут стёрты. Люди смогут быть более эффективными в карьере и успевать жить своей жизнью. Как? Компании внедрят мобильные устройства в бизнес.

Предпосылок для этого много, но вот главные. Во-первых, уже появляется спрос на мобильную оптимизацию бизнес-процессов.

Во-вторых, компании — большая платёжеспособная аудитория, в отличие от потребительского сектора, избалованного бесплатными решениями.

Использование мобильных устройств сотрудниками будет использовано с целью управления рабочим процессом и повышения продуктивности и личной эффективности.Также компаниям понадобятся системы управления мобильными устройствами сотрудников.

Организация рабочего пространства

Мобильные технологии позволят полноценно работать из любой точки мира и организовать любую команду. Это не будет похоже на сегодняшнюю удалённую работу: средства дополненной реальности могут создать полноценную коммуникацию на расстоянии и позволят людям работать в любой компании мира без смены места жительства, а корпорациям — избавиться от нехватки нужных кадров.

Вместо итога

Просто не верится, что человечество станет ещё более мобильным, нежели сегодня. Но это будет, и мы с вами — непосредственные участники процесса, что очень вдохновляет.

 

 

Юзабилити текста мобильного приложения

09 июля 2015

Доступно много информации о том, как создаётся текст для веб-интерфейса. А про текст для мобильных приложений как-то не очень. А между прочем, текст для веба и мобильного приложения — это не одно и тоже.

В мобильном приложении есть как текст интерфейса, повышающий уровень взаимодействия, так и текстовый контент, задачей которого является коммуникация.

Текст в мобильном интерфейсе

Текстовый контент в мобильном приложении имеет несколько иные условия использования, нежели текст для десктопного чтения.

Разница между чтением с ПК и смартфона

Важно понимать, что смартфон — это не мини-компьютер. И приложения для него имеют иной принцип взаимодействия, который отличается от ПК.


Это значит:

  • экран мобильного меньше;
  • управление мобильным лучше и быстрее;
  • концентрация внимания на восприятие мобильного контента меньше;
  • внимание пользователя за десктопом более сконцентрировано, настроено на длительное взаимодействие;
  • пользователь мобильного устройства готов воспринимать меньший объем информации и уделить ей значительно меньше времени и внимания.

Особенности чтения с мобильного

1. Объем vs интерес

Мобильный пользователь либо убивает время, просматривая текстовый контент, либо находится в спешке. Исследователи утверждают, что в обоих случаях его раздражает большой объем текстовой информации. Однако мы с вами на себе не раз замечали, что интересная лично нам информация прочитывается внимательно в любом объеме.

2. Сложность

Мобильный контент в 2 раза сложнее читать. Это объясняется неполным информационным контекстом или его отсутствием. Экран ограничивает поле зрения пользователя, вынуждая его кратковременную память запоминать больше и на длительное время. Это утомляет и снижает концентрацию.

3. Навигация

Длинная прокрутка и неудобная навигация по тексту (сплошной текст без блоков и форматирования) усложняют чтение, мешают сканированию текста.

Как делается текстовый контент для мобильных

Исследования Nielsen Norman Group по мобильному контенту показали, что редактирование статей для чтения с мобильных приложений должно быть более тщательным, нежели для полнофункциональных веб-сайтов. Исследователи объясняют это меньшим запасом терпения у пользователей.

Мобильный текст в дизайне

1. Ограничения

Текст интерфейса постоянно сталкивается с ограничениями: размером экрана и размерами элемента с текстом (например, кнопки). Поэтому часто при разработке дизайна приложения возникают ситуации со слишком длинными названиями кнопок.

Например, рабочее название кнопки — «Зарегистрироваться» (18 символов). А помещается в макете не больше 10. Для этого кнопки переименовываются так, чтобы сохранить понятность действий. К этому примеру подходящими названиями будут «Готово», «Продолжить» или другие, в зависимости от контекста и дальнейших действий пользователя.

2. Гайдлайны

Текстовое форматирование осуществляется по рекомендациям компаний-разработчиков мобильных платформ. Гайдлайны содержат допустимые шаблоны всех страниц мобильного приложения, включая страницы контента и размещение текста.

3. UI-kit

Как будут выглядеть кнопки с названиями и пример текстового контента, лучше всего продемонстрирует UI-kit приложения. В нём можно оценить эстетику и читабельность предполагаемого текста. Пример UI-kit и макетов приложения с текстовыми блоками можно посмотреть здесь.

Как пишут краткий текст

Как понять, сколько текста достаточно для восприятия мобильного пользователя? Что труднее — развёрнутый текст или краткий? И каков механизм написания?

Вот некоторые соображения, основанные на опыте и исследованиях.

1. Короче!

«Краткое — это слишком длинно для мобильных. Сегодня рулит ультра-краткое», — утверждают юзабилисты.

И это основная сложность. Сразу после понимания идеи появляется безумное многословие, которое нужно ужать до минимальных размеров. Или подобрать самые точные слова так, чтобы они ясно отражали смысл сказанного и не были банальными. Поэтому текст, который «короче», придумывается, как правило, дольше.

Чтобы сократить время и соблюсти краткость, текстовый контент для мобильного можно разрабатывать по алгоритму:

  • Написать как есть по теме;
  • Самая важная информация сразу и на первый экран;
  • Отложить справочную информацию на вторую половину текста: до неё доберется только особенно заинтересованный читатель.
  • Упростить синтаксис, убрать стоп-слова;
  • Убрать предложения, содержащие бездоказательные утверждения;
  • Убрать бессодержательные предложения (так называемую «воду» или «словоблудие»);
  • И еще сократить, особенно те места, в которых снижается внимательность чтения.

2. Без бумажки ты…

Работать с очень краткими текстами для интерфейса проще, используя только бумагу и ручку. Во-первых, на бумаге проще начать какую-либо новую задачу. Несколько зарисовок и ключевых идей помогают преодолеть психологический барьер и начать работать.

Во-вторых, бумага не только многое терпит, но и хранит идеи. Зачёркнутые мысли никуда не деваются. В процессе к ним можно вернуться или переосмыслить и что-то добавить. В текстовом редакторе, удалив несколько неудачных вариантов подряд, можно сутки провести перед чистым листом. Так что пусть бумажный способ кажется архаизмом, но он работает. К тому же, лист бумаги — «устройство», не требующее подзарядки.

Еще необходим сервис или редактор, способный сразу отобразить количество символов в слове или предложении.

Как оказалось, текст для мобильного приложения — работа тонкая и требующая не только нужных навыков от писателя, но и профессионализма дизайнера. И лучше, когда эти двое взаимодействуют. Написание такого текста принципиально отличается от стандартной работы веб-копирайтера ультра-краткостю и большим количеством редакторских правок.

Что ожидать от новой iOS 9?

29 июня 2015

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 умеет больше

Искусственный интеллект Siri стала умнее аж на 40%. Теперь каждый пользователь может ощутить себя Тони Старком, только размахом помельче: Siri включит музыку, найдёт видео или ближайшее кафе, подберёт маршрут, напомнит о встрече. В паре с Apple Watch Siri также может управлять гаджетами умного дома, так что её можно попросить включить стиральную машину или сделать кофе. Почти как Джарвис, разница лишь в том, что он остался в комиксах, а Siri — настоящая реальность в устройствах от Apple.

Многозадачность на iPad

Добавлен режим с множеством окон. Решение очень напоминает Windows для планшетов, но выглядит красивее. Доступно для iPad Air, iPad Air 2, iPad mini 2, iPad mini 3.

Режим в два окна на весь экран пока работает на iPad Air 2, так как это устройство имеет больше оперативной памяти, чем остальные в этом списке.

Примечания

В приложение Примечания добавлены возможности, ориентированные на корпоративную сферу и повышение личной продуктивности.

Примечания теперь имеют больше функций и синхронизированные с iCloud и между устройствами.
Также в Примечаниях появились:

  • чеклисты;
  • фотозаметки;
  • записи голосом;
  • скетчи.

Это приложение в разы круче Evernote, а лучшего  для заметок найти было сложно: большинство приложений ориентировано на текст, а графика идёт как дополнительный функционал. Примечания — разностороннее приложение, поэтому его оценят представители самых разных профессий.

Приложение Новости

Приложение News подаёт новости в удобном для чтения формате, запоминает предпочтения пользователя и самостоятельно формирует подборку новостей.

Кроме фантастического удобства для пользователей, News представляет настоящую угрозу новостным порталам. Да, они по-прежнему могут производить новости, но пользователи перестанут заходить непосредственно на сайты. Мир новостей постепенно перемещается в социальные сети и приложения. Хорошо это или плохо — посмотрим.

Обновленная клавиатура

Клавиатура стала лучше и ещё удобнее. Также добавлен новый режим выделения текста: зажимаем 2 пальца, ведём по нужному тексту, выделяем и копируем.

Больше карт у Apple pay

Сервис теперь обслуживает больше банков и магазинов. Правда, если вы не житель США или Великобритании, то можете только молча завидовать.

Режим низкого питания

Энергосберегающий режим продлевает работу без подзарядки на 3 часа.

Миграция с Android

Apple представляет возможность безопасно перенести приложения с устройства Android на iPhone с помощью беспроводного соединения. Все платные приложения при этом добавляются в список желаний iTunes.

Совместимые устройства

Список устройств, для которых будет доступна iOS 9, выглядит внушительным по сравнению с предыдущей версией. Скорее всего, это связано с тем, что новая  iOS — менее ресурсоёмкая.

Устройства с iOS 9:

  • iPad 2
  • iPad 3th gen
  • iPad 4th gen
  • iPad Air
  • iPad Air 2
  • iPad mini
  • iPad mini 2
  • iPad mini 3
  • iPhone 4S
  • iPhone 5
  • iPhone 5c
  • iPhone 5s
  • iPhone 6
  • iPhone 6+
  • iPod Touch 5th gen

Промежуточные релизы

Уже презентована версия для разработчиков, а в июле выйдет еще одна — бета для пользователей. Таким образом, компания желает получить максимальный отклик для улучшения продукта перед официальным релизом. Полный выпуск iOS 9 ожидается осенью этого года.

Итого

В новой версии iOS пользователи получат интересные нововведения и максимум ожидаемых улучшений в работе платформы. Ждём полного релиза.

Полезные источники:

1. Больше информации про iOS 9 на официальной странице Apple.

2. Для тех, кто не видел конференцию — посмотрите полную версию.

Android M: всё больше причин ждать осени

24 июня 2015
Мы не успели нарадоваться Lollipop, как Google организовал новую версию платформы и назначил релиз на осень этого года. Сейчас доступен Android M для разработчиков. Интригу названия тоже придётся терпеть до осени, понятно только одно — это что-то сладкое.
Если в предпоследней версии Android нас ждало грандиозное обновление дизайна, то в следующей появятся новые возможности и улучшенная функциональность.

Android Pay

Ответ Google платёжному аналогичному сервису Apple. Visa и Mastercard уже готовы сопровождать новую систему. К сожалению, Android Pay пока доступен только в США.

Готовим пальцы к сканированию

Google позаботились о безопасности данных пользователей Android. Теперь разблокировать телефон, получить доступ к финансовым аккаунтам, совершить покупку можно с помощью сканирования отпечатков пальцев.

Автоматический бек-ап

Кроме отпечатков, пользователям нового Android будет доступно резервное копирование данных в Google Drive. Само копирование выполняется автоматически.

Обновлённый Google Now

Голосовой помощник теперь доступен с любого приложения. В новой версии находится вместо привычной звонилки.

Doze для аккумулятора

В новой платформе появится технология Doze для уменьшения прожорливости системы и продления работы аккумулятора без подзарядки почти в 2 раза.

USB-режимы для разработчиков

В режиме для разработчиков доступны варианты подключения Android-устройства к компьютеру посредством USB:
  • MTP (Media Transfer Protocol)
  • PTP (Picture TP);
  • RNDIS (USB Ethernet);
  • Audio Source;
  • MIDI.

SD-карта как внутренняя память

Да, теперь и на неё можно устанавливать приложения и выполнять те же операции, что и с внутренней памятью смартфона.

Менеджер памяти

Приложение,чем-то похожее на Диспетчер задач в Windows: показывает процессы, которыми занята оперативная память, и позволяет этими процессами управлять для улучшения производительности.

Меню приложений

Меню приложений свайпается вверх и вниз. Сверху доступны часто используемые приложения, остальные в алфавитном порядке. Доступен поиск по приложениям (это всё оптом больше напоминает Windows для мобильных устройств, но поглядим, оставят ли в финальной версии).  Также можно удалить иконку приложения с рабочего стола прямо в корзину.

Раздельная громкость

 Активные регуляторы громкости отличаются цветом, что понятно и удобно: сразу знаешь, какой регулятор потрогать. Звуковые режимы перенесены в быстрые настройки, что, на наш взгляд, очень недурно. Тихий режим может быть не совсем тихим, можно настроить на своё усмотрение, например, оставить только будильник.

Кастомный UI tuner

В новой версии можно расставить иконки панели быстрых настроек по своему усмотрению: одним свайпом убираются ненужные настройки, меняется количество и порядок нужных.

Копирование текста

Копирование теперь всплывает там, где надо — над нужным фрагментом текста, а не вверху экрана. Хорошее нововведение.

Тёмная тема

В новой версии вернётся тёмная тема: пользователям Lollipop её очень не хватало. Ещё одна новинка — цвет темы может меняться автоматически, в зависимости от времени суток.

Пользовательские ограничения

Любому приложению можно ограничить доступ к личным данным или географическому местонахождению владельца смартфона.

Итого

Новая версия платформы получит по-настоящему серьезные нововведения. Предвкушаем релиз и с нетерпением ждём осень.

Как UX-mapping спасает приложение и бизнес

02 июня 2015

Любой замечательный проект мобильного приложения может попасть в ловушку идей. Если из множества хороших, нужных и актуальных решений получается непонятный результат — вы попались.

Выпутаться поможет UX-mapping

UX-mapping — это визуальная карта вашего приложения. Постройте её и поймёте, что нужно предпринять, чтобы в итоге существенно увеличить количество загрузок и постоянных пользователей.

UX-mapping предотвратит или решит проблемы, связанные с общей функциональностью и построением приложения, одновременно сделав его использование понятным. Простое мобильное приложение имеет больше положительных отзывов.
Вложите душу в свой проект и ваши клиенты будут благодарны.

Покажите app другим

Свежий взгляд никогда не помешает. Вы уже столько времени работали и построили себе лабиринт, из которого все труднее найти выход. Покажите проект UX-дизайнеру. Сейчас только он сможет вас понять и найти выход к ключевым функциям приложения.

Обозначьте задачи проекта

Определитесь, какие задачи решает приложение именно для вашей компании. Это возможность отсеять лишнее и остановиться на главном, а также понять для себя, какие сопутствующие проекты нужны для приложения.

Построение карты будет зависеть от того, каких действий вы ожидаете от пользователя. Но приложение должно нести в себе вашу идею, которую вы хотите открыть миру. Сделайте так, чтобы пользователи тоже ею прониклись.

Поймите своих пользователей

Прежде всего вы сможете обозначить свои и пользовательские требования к приложению. Ориентируйтесь на пользовательскую логику. То, в чём вы хорошо разбираетесь сами, должно быть понятно и вашему клиенту, но совершенно на другом уровне. UX-карта поможет вам отсечь все лишнее и оставить возможности, полюбившиеся пользователям.

Структура определяет взаимодействие

UX-mapping поможет создать логичную последовательность страниц приложения. Вы увидите общую схему всего механизма и, наконец, разберётесь, как он работает. Тогда у вас получиться понять, что в проекте лишнее, а что, наоборот, — нужно добавить. А главное, — точно знать, какое приложение в итоге получиться и как ваш клиент будет с ним взаимодействовать.

Информационная архитектура

Когда вы увидите архитектуру приложения, то сможете выстроить архитектуру информационную. Во-первых, это шаг к понятному приложению. Во-вторых, вы сможете увлечь пользователя во взаимодействие с приложением. В-третьих, у вас появиться представление о том, что нужно написать на лендинг-странице, пока проект ещё в разработке.
Структурируйте информацию и возможности по приоритетам. Главная информация должна быть доступна в первую очередь. К ключевым действиям пользователя должен подтолкнуть контент.

Подумать о контенте

Ещё на промежуточном этапе вы поймёте какой контент нужно использовать для приложения и сможете приступить к его подготовке. Используйте уникальный контент. Он в несколько раз эффективнее, потому что:

  • вы ни за кем не повторяетесь, и поэтому интересны;
  • уникальный контент точно будет просмотрен;
  • таким контентом активнее делятся в соцсетях;
  • это уважение к пользователям;
  • это вид контакта с клиентами.

Проверьте сами, вам понравится.

Быть спокойным за интерфейс

Выполнение прототипирования — важный аспект для взаимодействия, который повлияет на успех приложения. В любом случае профессиональная разработка прототипов выгоднее, чем внесение исправлений на этапе разработки.

Ещё раз проанализировать

Теперь можно поглядеть на структуру приложения в режиме “до и после”. Подумайте о том, какие идеи стоит приберечь к следующему проекту. И вперёд работать дальше!

Мобильное приложение в стратегии Customer Experience

27 мая 2015

В повседневной жизни, к примеру, когда вы заходите в магазин, то обращаете внимание на всё: качество и разнообразие товара, улыбку продавца, его профессионализм, оформление интерьера, удобство расчёта и доставки. Чтобы вы совершили текущую и последующие покупки, вас должны устроить все параметры. Это и есть Customer Experience или покупательский опыт.

Позитивный покупательский опыт

Ещё CX — методология, которая занимается вовлечением и взаимодействием с постоянными клиентами компании.
На практике это некая сумма впечатлений, которые получает покупатель от

  • процесса покупки;
  • взаимодействия с поставщиком товара /услуги;
  • взаимодействия с продуктом при покупке и пользовании;
  • при повторном обращении к поставщику товара /услуги.

Позитивный покупательский опыт включает в себя:

  • оригинальную концепцию бренда;
  • превосходное качество продукта (товаров или услуг);
  • лёгкий и приятный процесс их приобретения;
  • позитивный опыт использования товара/услуги после покупки (usability);
  • постоянное и приятное взаимодействие с поставщиком этого продукта (рекламные акции, техподдержка, общение и т. д.);
  • хорошую репутацию и отзывы о продукте, компании.

Вот всего-навсего то, что компания должна сделать, чтобы сформировать аудиторию постоянных клиентов.

Изучение и формирование CX позволяет вам правильно себя позиционировать на рынке и быть востребованными. Большие компании используют методологию Customer Experience для того, чтобы иметь уникальное конкурентное преимущество.

Широкие возможности для исследования и формирования покупательского опыта открывает мобильное приложение.

Приложение для лояльных клиентов

Именно постоянные клиенты активнее используют мобильное приложение для своего удобства. Поэтому работа над ним не должна прекращаться после размещения в маркете.

Вот тут и начинается самое интересное. Вы стали ближе к своему клиенту и находитесь с ним везде: в руке, в кармане, под подушкой. Все важные моменты в своей жизни он теперь проведёт рядом с вами. Это огромное признание вашей компании и, одновременно, большая ответственность, которую вы теперь несёте.

Ваша задача не только в том, чтобы завязать длительную дружбу с клиентом, но и продлить её на долгие годы. Используйте для этого мобильное приложение в своей маркетинговой стратегии.

Рассмотрим, как всё работает

Приложение — это инвестиция, а не дань моде или тренд, хотя его наличие уже многое говорит об уровне вашего бизнеса. Оно применяется при любом взаимодействии компании и клиента, например:

  • при совершении онлайн-покупки клиентом;
  • в восприятии контента пользователем;
  • генерации пользовательского контента;
  • содержит ссылки на социальные сети или сервис поддержки;
  • в решении иных пользовательских задач, помимо приобретения услуг.

Мобильное приложение помогает компании проявлять невероятную гибкость в отношении к информации: то есть, доносить её до нужного пользователя в любое время. Чтобы это происходило регулярно, вам необходимо позаботиться о возврате пользователя в приложение.

Постоянное взаимодействие

Зачастую приложения многих компаний изначально не ориентированы на возврат пользователя. Это значит, что назначение приложения для бизнеса и пользователя не совсем продуманное, а следовательно, и дизайн. CX решает проблему «выгорания аудитории», характерную для многих приложений. Изучите, чего хочет клиент, и дайте ему это.

Важно помнить: возврат пользователя можно обеспечить правильным дизайном приложения. Push-сообщения клиенту могут надоесть, а интересный контент всегда привлекает. Чтобы клиент открывал приложение как можно чаще, придумайте дополнительные полезные для него решения и обновите дизайн приложения.

Например, основной функцией приложения для ресторана является заказ блюд и резервирование мест. Если приложение будет содержать дополнительно интересные рецепты, возвратов будет больше.

Эмоциональная связь

Мобильное приложение — это средство обращения к эмоциям клиентов. Покажите им, какие вы вместе классные! Если вы убедите пользователей в том, что ваша работа выполнена с душой и на совесть, с мыслью о человеке, то отдача не заставит себя ждать.

Атмосфера бренда

Человек всегда хочет быть причастным к великой идее, отождествлять себя с конкретной философией и стилем жизни. Branded CX — впечатления и эмоции от товара с ценностями бренда. Это происходит, когда человек, к примеру, становится обладателем нового iPhone. А все потому, что бренд и продукты Apple — безупречны, о чём говорят толпы поклонников и очереди за новыми девайсами.

Отобразите свою идею в мобильном приложении. Человек, который ежедневно наблюдает за её развитием, тоже ею проникнется. Более того, он поможет вам в развитии этой идеи. Дайте клиенту почувствовать, что он ваш вдохновитель.

Задача дизайнера заключается в том, чтобы соединить ценности бренда, внешнюю безупречность и функциональность в одном приложении.

Персонализированный подход

Этот подход осуществляется через

  • геолокацию;
  • социальные сети.

Приложение позволяет быть на связи с клиентами постоянно и «лично». При обращении пользователя к вашему приложению система учтёт его местоположение, поисковый запрос, предпочтения. У вас есть уникальный шанс дать понять клиенту: он — единственный, неповторимый, и всё, что вы делаете, — для него.

Анализ и передача опыта

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

Мобильное приложение находится постоянно в руках вашего клиента. Он может поделиться данными, которые помогут вам улучшить качество услуг компании и уловить покупательские тенденции и поведение.

Ссылайтесь в приложении на социальные сети. Во-первых, они содержат о клиентах намного больше информации, чем вы можете получить любым другим путём. Во-вторых, эту информацию не нужно просить. Ею делятся добровольно! В-третьих, вы получите возможность собирать, учитывать и контролировать комментарии о своих услугах.

Реклама и контент

Для бизнеса очень важна эффективность затрат на рекламу и коммуникации. Современный пользователь к рекламе как таковой очень привередлив, но легко воспринимает контент. Особенно когда сам может его создать и показать другим. Позвольте ему делать это в любую минуту. Если же таковой функции в вашем приложении нет, используйте только оригинальный контент.

Рекламные акции посредством приложения наиболее эффективны. Их проще всего сообщить клиенту. Предложите пользователям дисконт или акцию в случае, например, заказа через приложение, а не через сайт. Так можно и приложение раскрутить, и случайных клиентов превратить в постоянных.

Качество приложения

В ожесточённой борьбе компаний за каждого клиента качество мобильного приложения может сыграть одну из ключевых ролей. Главное здесь — соответствие приложения запросам ваших клиентов. Представьте на секунду, что ваше мобильное приложение гораздо удобнее и более продуманное функционально, чем у конкурентов. Конечно, пользователь выберет вас. В противном случае бегите к дизайнеру за UX-картой.

Если мобильное приложение — это и есть товар, его качество определяет дальнейшие успехи проекта. Продюсер рассматривает его как бизнес-проект, конечной целью которого является прибыль от скачивания пользователями. Такое мобильное приложение нацелено на выполнение текущих повседневных задач пользователя и не будет привязано к услугам конкретной компании.

Дальновидный бизнесмен постарается не только приманить клиентов красивым дизайном и рекламой, но и снабдить приложение такими функциями, без которых пользователи не смогут больше представить свою жизнь. Донести эти функции до пользователя и не заблудиться в своих же идеях ему помогут UX-дизайнеры.

Задача удержания пользователя решается обновлением дизайна приложения и программных возможностей, а также высоким уровнем продвижения (соцсети, лид-страницы, пользовательские отзывы).

В этом случае удобство загрузки, установки, понимания и использования, обновления приложения формирует покупательский опыт. От этого зависит, будут ли популярны следующие проекты автора, а также успех текущего приложения.

UI-kit: что это такое?

19 мая 2015

Услышав это слово, вы, как клиент, можете подумать, что UI-kit — модное ругательство или хитрый непонятный термин, за который с вас потребуют очень много денег. Действительно, в сети полно информации для специалистов и ни одного понятного слова о том, что такое UI-kit. Разбираемся и поясним, что это и для чего используется.

Как не бояться слова UI-kit?

Сокращение UI расшифровывается как «User interface» и переводится «пользовательский интерфейс», а kit — «комплект».

Визуально UI-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 позволяет сделать первичную оценку и затем выполнить дальнейшую доработку экранов.

UI-kit в спецификациях мобильных платформ

Спецификации — это технические рекомендации производителей операционных систем для дизайнеров и разработчиков мобильных приложений. Они содержат все стандарты по созданию UI-kit. Со всеми спецификациями по Android можно ознакомиться на Android developers, по iOS – на Apple Developer.

Гайдлайны платформ определяют основные параметры UI-kit.

1. Все параметры строительных элементов интерфейса:

  • расположение;
  • построение многоуровневого списка;
  • построение списков для горизонтальной и вертикальной прокрутки;
  • фиксированные элементы;
  • базовые параметры оформления (размер, расположение, заполнение);

2. Спецификации по внутренним иконкам.

Здесь главное требование — не копировать иконки с интерфейса других платформ. Например, если приложение под Android, нельзя использовать стандартные элементы iOS.

Теперь вы знаете, что такое UI-kit

Мы и дальше будем стараться, чтобы количество пугающих дизайнерских терминов для вас уменьшалось. Читайте App2World.

О usability или Дизайн для людей

05 мая 2015

На самом деле всё очень просто. Представьте на секунду, что от бытовой техники в вашем доме не один пульт, а несколько. И на каждом — малюсенькие кнопочки. Раздражает, не правда ли? То ли дело один, и чтобы кнопки на нём, как на ядерном чемоданчике! И такой не нужен, говорите? Неудобно и то, и другое решение. Значит, истина где-то посередине.

Давайте определимся

Usability — это удобство пользования любым продуктом человеческого разума от шнурков до тяжёлого производства. Мобильные приложения — не исключение.

Подход к разработке

Существует обширный комплекс действий, чтобы достичь этого самого Usability.
Human Centered Design (HCD) – это подход к проектированию и разработке дизайна, в основе которого:

  • внимание к пользователям и задачам, стоящим перед ними, на протяжении всего проекта;
  • эвристическая оценка взаимодействия пользователя с системой.

Иными словами, это дизайн, исходящий из потребностей, задач и ограничений конечного пользователя продукта. В нашем случае продукт — мобильное приложение.
Самое главное — всё время помнить, что пользователь должен быть доволен. Всегда.

В рамках интерфейса

Небольшие размеры устройств загоняют дизайнеров и проектировщиков в тесные рамки. Им приходиться изыскивать  решения, которые будут максимально удобными для пользователя и приятными для глаз. Жертвовать нельзя ни одним из параметров. Если средства потрачены, нужно достичь результата.

Во-первых, эргономика

Тактильное взаимодействие

Есть простая закономерность: смартфон держат в одной руке, планшет — двумя. Кнопки приложения нужно располагать в поле зрения и в области экрана, досягаемой большим пальцем.

Touch-область вокруг иконок должна быть достаточно большой для любого пальца. Также не стоит использовать выделенное состояние ссылок — мыши уже нет.

Зрительное взаимодействие

Элементы и текст должны быть хорошо видны. Лупа в комплекте мобильных устройств не предусмотрена. Да, можно задействовать масштабирование, но у него есть недостаток — обрезает видимую картинку и, вообще, очень неудобное.

Смартфонам свойственный совершенно другой принцип навигации, нежели стационарным компьютерах. Поэтому всё больше специалистов рекомендуют не использовать функцию прокрутки.

Сёрфинг в интернете или общение в соцсетях — очень популярные задачи, которые, на первый взгляд, выполняют на ходу. Это далеко не так, чаще всего пользователь делает это, удобно устроившись в домашнем кресле или перед сном. Тогда устройство удобнее повернуть горизонтально. Таким образом, дизайн приложения должен иметь две версии — портретную и ландшафтную.

Следует избегать избыточного заполнения элементами, резких цветов. Это мешает читать и нажимать. Свободное пространство тоже необходимо.
Также существуют правила Usability для контента. Только небольшие понятные тексты, размещенные согласно стандартам операционной системы. Если это не приложение для чтения литературы, разумеется.

Смысловое взаимодействие

Не нужно перегружать приложение функциями. Но и урезать их не рекомендуется. Сложная задача тем, что следует оставить только главные опции.
Пользователи приветствуют взаимодействие с интерфейсом (диалоговые окна, индикаторы загрузок, подсказки и др.)

Во-вторых, эстетика

Ошибочно полагать, что красотой можно пожертвовать.

Безусловно, экстравагантные решения следует приберечь для других проектов. Но чтобы быть заметным, приложение должно быть эстетически привлекательным. Прежде всего, — это позитивная эмоциональная реакция. Красивый интерфейс притягивает,  делает работу приятной. Свойство человека тянуться к красивому — естественно, не стоит его в этом ограничивать.

Задачи приложения

Концепция любого приложения в первую очередь состоит из бизнес-задач. Они в дальнейшем определяют целевую аудиторию мобильного приложения.

Понятно о тестировании

Тестирование может выявить неверные предположения проектировщика. Но важно правильно сформировать его задачи, чтобы понимание процесса дизайнерами совпадало с пользовательским.
Тестирование включает в себя следующие этапы:

  • выбор метода;
  • планирование исследования;
  • подбор участников;
  • подготовка теста и инструкций;
  • собственно, проведение;
  • анализ результатов;
  • подготовка рекомендаций.

На практике, в зависимости от задач и характера приложения, используются разные методы тестирования.

Интервью

Личное общение с участниками фокус-групп.

Контекстное исследование

Необходимо, если целевая группа — люди специфической профессии (например, врачи). Специалист обязан изучить их повседневную жизнь (работу, отдых).

Анкетирование

Анкета составляется с набора вопросов и ответов на них. Если проектировщики точно уверены, какую информацию им нужно получить, лучше использовать этот метод.

Групповая дискуссия

Преимущество дискуссии в фокус-группе в том, что в неё входят потенциальные пользователи, которые могут этот продукт оценить. В большинстве случаев это работает.

Справедливости ради отметим, что даже они бывают правы не на 100%. Если продукт по-настоящему инновационный, участники дадут ответ только исходя из своих «сегодняшних» знаний.

Usability-тестирование

Этот тест эффективен, когда нужно улучшить существующее решение. Для его выполнения необходим прототип приложения. Пользователи должны решить типичные задачи в приложении. Например, совершить (или имитировать) перевод средств с одного счёта на другой. За всем процессом следят наблюдатели, которые имеют право задавать вопросы, но не дают подсказок.
Лучше всего планировать по необходимости. Если результаты одного метода не дали полных сведений, нужно провести другой анализ. Ещё всё зависит от бюджета разработки.

Что нужно знать о пользователях

Атрибуты взаимодействия

В нашем случае — экран мобильного устройства. Это определяет время, место, способ использования приложения.

Контекст применения

Нужно ответить на вопрос, в каких случаях будет использовано приложение.

Список выполняемых задач

Опытным путём следует выяснить самые важные действия с приложением и наиболее частые. Так можно понять приоритеты пользователя и увидеть его ошибки.

Персонаж пользователя

Вот тут и начинается самое интересное. Можно на основе собранных данных нарисовать портрет и дать ему имя, например, Коля. Проектировщики тоже люди! И мыслят они исключительно образами, а не сухим набором слов. Им необходимо понять, как живёт Коля и какие функции мобильного приложения его интересуют.

Применение результатов

При дальнейшей разработке приложения, результаты учитываются полностью. На этом этапе легко исправить все недочёты. Другое дело, когда тестирование проводят для уже готового приложения, то исправления выполняются по решению компании-заказчика.
И самое главное. Если авторы приложения видят в нём только свои амбиции, то пользоваться готовым продуктом будут только они. Востребованные приложения всегда создаются людьми и для людей.

Android vs iOS или Здесь не ссорятся

28 апреля 2015

Тема потенциально холливарная. В целях личной безопасности очень просим воинствующих «яблочников» и «андроидоводов» на время прочтения не кидаться тапками. Все люди очень разные.

Ахтунг! Мы пришли с миром

Поэтому мы принципиально не будем говорить о том, какая ОС реально лучше или хуже. Плюсы и минусы есть в обеих. Кстати, если мы случайно поможем кому-то сделать выбор между ними, то будем рады, что старались не зря.

Аппаратные характеристики трогать не будем (или очень постараемся). У 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 радует нас новинками и подкидывает интересные задачи в дизайне и юзабилити. А мы счастливы их потихоньку решать. Так хорошо на душе, когда твоя работа приносит пользу:)

Почему мы делаем только дизайн

23 апреля 2015

Помните булгаковскую цитату о том, что каждый должен заниматься своим делом? Так  вот  и  мы  работаем  по  этому  принципу.  Можно  хорошо  справляться  со  многими делами,  но  идеально  —  только  с  одним.  

«Двум богам служить нельзя!»

Теоретически,  разработчик  и  дизайнер  могут поменяться  своими  обязанностями:  первый  как-нибудь нарисует  дизайн,  а  второй  в лучшем  случае  воспользуется  одним  из  сервисов  для  сборки  приложений.  Но  такие результаты наверняка будут сомнительными.

Хотите хорошо? Тогда идите к профессионалам!

Это выгодно вам

Когда  разработчики  не  имеют  представления,  какой  будет  дизайн,  им  приходится закладывать  в  общую  стоимость  риски,  которые  составляют  от  30  до  100%!  А  вдруг  им нужно будет внести изменения? Лишние движения стоят денег.

Другое  дело,  если  вы  придёте  к  разработчику  с  готовым  дизайном.  И  процесс быстрее, и затраты меньше.

Это удобно

Во-первых,  вы  видите  весь  процесс  поэтапно  и  заранее  можете  рассчитать  все расходы. В таком случае вам не придётся ни за что доплачивать. А это успокаивает.

Во-вторых,  вам  сразу  будет  видна  целостная  картина итогового  продукта.  Это касается   не   только   внешнего   вида,   но   и   тактильных   ощущений.   Вы   просмотрите страницы   приложения   непосредственно  в   своём   телефоне!   Также   у   вас   появится возможность  обсудить  дизайн  с  коллегами  и  руководством.  В  результате  можно  будет внести свои изменения ещё до этапа разработки, что делает весь процесс проще.

В-третьих,  комфортный  и  выгодный  сервис  для  клиента — это  главный  принцип сотрудничества  компании App2World.  Мы  всегда  содействуем  разработчикам,  отвечаем на  вопросы,  если  таковые  есть.  Нам  очень  важно,  чтобы  наши  приложения  были образцовыми для всех и работали на успешный бизнес клиентов.

Конечный результат

По завершении работы наши клиенты получают:

  •  стильный и функциональный дизайн всех экранов вашего приложения;
  • редактируемые исходные документы в форматах Psd, Ai, Eps;
  • иконку приложения во всех требуемых размерах;
  •  UI-kit и UX-карту экранов вашего мобильного приложения;
  • нарезку  всех  динамических  элементов,  GUI-документ приложения  в  формате  Pdf на  примере  1-2  ключевых  экранов,  пакет  со  всеми  шрифтами  для  дальнейшей разработки;
  • отчёт о тестировании приложения.

Мужские и женские приложения

16 апреля 2015

Существуют любопытные мнения о том, что гендерные различия пользователей влияют на их выбор мобильных устройств и приложений. Мы постарались понять, какие приложения предпочитают представители обоих полов и почему. Теперь делимся с вами.

На чём мы базировались

Наши размышлизмы касаются в основном современных молодых людей в возрасте от 23 до 35 лет. Ещё таких называют «поколение Y». Сейчас это самая активная прослойка пользователей. Её представители молоды, успешны и перспективны. Они легко расстаются с деньгами и живут сегодняшним днём.

Женщины по своей природе многозадачны. По жизни им приходится многое успевать: дом, семья, работа, хобби, саморазвитие. Переместить все свои дела в смартфон не только удобно, но и практично. Одна только сумочка разгружается наполовину!

Некоторые исследования подтверждают: дамы скачивают на 40% больше приложений, и тратят на них на 87% больше средств, чем мужчины. Этому способствует то, что приложений, ориентированных на чисто женскую аудиторию, несколько больше.

Мужчин привлекают больше материальные, чем эмоциональные события. Они в первую очередь сосредоточены на самореализации и добывании средств для себя и семьи. Также их притягивают гаджеты и технологические новинки. Для них больше важны набор функций и практическая полезность, чем внешний вид системы и приложения.

Интерфейс приложений для мужчин имеет лаконичный, сдержанный, а иногда и «брутальный» дизайн. Палитры цветов различные. Но в основном спокойные с яркими акцентами или монохромные. В дизайне преобладает выразительная мужественность, в которой заключена информация: это — исключительно мужская вещь.

Дизайн приложений для женщин зачастую выполнен в ярких тонах и опознавательными знаками, понятными только для дамской аудитории. Женщинам очень важно, как выглядит интерфейс. Красивое может быть только хорошим.

Когда выполняешь дизайн приложения, предназначенного для обоих полов, то следует занять нейтральную позицию, чтобы приложение не потеряло часть аудитории. И наоборот: если, к примеру, пользователи только женщины, то нужно соответствовать их ожиданиям.

Приложения для всех

Общение

Женщины могут одновременно выполнять очень много дел и не хотят, чтобы общение с людьми страдало от их вечной занятости. Социальные сети в смартфоне, который всегда с собой — лучшее решение этой задачи. Это позволяет не только общаться, но и мгновенно делиться своими фото даже примерки с магазина и онлайн спросить мнений. Для этого можно воспользоваться фотоприложением с множеством фильтров и функцией отправки.

Кстати, то что женщины любят ушами — всё-таки неправда. Они любят всё красивое и мобильное приложение от Pinterest. В нём на это всё можно поглядеть, а потом использовать для своих идей.

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

Соцсети и мессенджеры занимают в жизни мужчины не меньше места, чем у женщины, но цели немножко отличаются. Если мужчина занят бизнесом, то целью социальной активности тоже прежде всего будет бизнес. Личное общение — это для мужчины приятный бонус. Поэтому набор приложений от соцсетей в мужском смартфоне тоже внушительный.

Работа и саморазвитие

Кроме чисто профессиональных приложений, женщины предпочитают вспомогательные приложения для контроля и мотивации себя: тайм-менеджеры, дневники, эскизники, заметки и календари. Девичью память компенсируют хранители личных данных.

Кстати, в жизни женщин присутствуют и приложения для хобби (считалки, паттерн-мейкеры, календари садовода и пр.)

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

Обоюдно используются программы для изучения иностранных языков, чтения литературы на ходу, новостные приложения.

Онлайн-магазины и гиды по шопингу

Эти приложения больше любимы женщинами. Онлайн-магазины позволяют сделать покупки, не выходя из дома, сэкономить средства и выделить чуть-чуть времени для себя. Гиды — всегда быть в курсе интересных мест для шопинга с подругой или семьёй. И не надо насмешек по поводу лишних трат и ненужных вещей. Женщин привлекает не сам поход по магазинам, а возможность качественных изменений в лучшую сторону и забота о себе.

Мужчинам необходимо всё, что касается интернет-аукционов, онлайн-магазинов, где можно купить все быстро и долго не перебирать однотипные товары. Удобство и скорость покупки у них на первом месте, ассортимент — на втором.

Забота о внешнем виде

У женщин нет достаточно времени на посещение презентаций и просмотр лукбуков. Тем более в них нет возможности сравнить вещи разных брендов. Приложения для создания коллажей из одежды помогают создать и обсудить новый модный образ.

С помощью соответствующего приложения женщинам удобно организовать свой гардероб и понять, что с чем носить, а что выбросить.

Многие следят за новинками моды с помощью мобильных приложений. Причина все та же — нехватка времени. Сёрфить по сайтам модных брендов очень долго, гораздо удобнее с приложения перейти на новинку или публикацию, которая понравилась.

Мужчины устанавливают такие приложения намного реже. В основном для того, чтобы решить какую-то текущую задачу (быстро выбрать и купить некий предмет или кардинально что-нибудь сменить, например, причёску).

Системные программы

Разные технические программы для улучшения своего смартфона — это ещё одна категория программ, очень популярная у мужчин. Они не прочь что-нибудь починить/изменить в своём устройстве. Например, установить дополнительные клавиатуры, регуляторы энергосбережения, оптимизаторы системы и связи Wi-Fi.

Женщины прохладно относятся к таким приложениям. Они считают, что если всё в устройстве работает,  лучше ничего не трогать.

Спорт

Приложения, относящиеся к этой категории, любят все. Существуют приложения для занятий спортом, разработанные специально только на одну гендерную аудиторию. Это связано с разными потребностями и физиологией мужчин и женщин.

Мужчинам нужна не только физическая форма, но и доказательство своих побед. Поэтому среди них популярны измерители скорости, регуляторы физических нагрузок, статистика достижений, которой и похвастаться можно.

Женщинам нужна забота о себе любимой. Они хотят держать себя в форме, и показывать другим не скорость и километры, а себя. Об усилиях, затраченных на красивую фигуру, дамы предпочтут промолчать.

Органайзеры домашних дел

Планирование домашнего хозяйства почти всегда достаётся жёнам, поэтому органайзеры популярнее у женской аудитории. А вот калькулятором бюджета и коммунальных платежей для управления личными финансами могут пользоваться все и не только в семье, что и происходит.

Приложения для составления списка покупок одинаково популярны у представителей обоих полов. Им удобно пользоваться и самостоятельно — не забудешь и точно все купишь, и в семье — составить и отправить партнёру.

Игры

Игровые приложения, безусловно, нравятся всем, но мужчинам больше. Игровые приложения занимают в мужском смартфоне очень много памяти. Это симуляторы всех видов спорта, стрелялки, логические, интеллектуальные и всякие. Проще сказать, чего там нет. Можно не скучать на конференциях, в транспорте или в ожидании встречи.

Очень мужские приложения

Мастер на все руки

У многих мужчин, которые любят заниматься своим домом, есть в смартфоне счётчики материалов для ремонта, подсказки, «уровни», «транспортиры» и «отвесы», измерители, пошаговые инструкции и разные бытовые лайфхаки.

Всякие мелочи

Сюда входят полезные и не очень, но всегда забавные: фонарики, счётчики выпитого алкоголя, завязывание галстука, виртуальное пиво и прочее.

Только для женщин

Семья

Есть полезные приложения для оптимизации семейных дел. Например, шпаргалки для молодой мамы, развивающие игры, которыми можно на время занять ребёнка. Особенно мамам нравятся дневники малыша, позволяющие хранить разнообразную информацию от прививок до первых слов, делать фото и не боятся пропустить самые важные моменты.

Здоровье

Барышни стараются следить за своим здоровьем: устанавливают календари месячного цикла и беременности, чтобы делать записи о самочувствии, вовремя обратиться за помощью и быть спокойнее за себя. Хотя эти приложения не назовёшь чисто женскими. Для мужчин, которые беспокоятся о состоянии любимой и не хотят сами пострадать от гормональных изменений её организма, тоже разработаны такие календари. Вот так в приложениях есть много чего для спокойствия и гармонии в семье.

Популярны приложения для здорового образа жизни (счётчики калорий, соблюдение диет и прочее).

Мы постарались быть объективными и много не обобщать, хотя понимаем, что существуют люди с самыми различными интересами, не зависимыми от гендерной принадлежности. Но это скорее исключения в этом вопросе.

Бизнес и, следовательно, дизайн ориентирован на целевые аудитории, то есть, на большинство. В дизайне необходимо следовать ожиданиям пользователей. Например, мужчинам интересно то, что выглядит и работает по-мужски. Тогда мобильное приложение будет успешным.

Мобильное приложение или сайт под мобильные устройства?

09 апреля 2015

Вопрос этот очень закономерный. Сайт можно адаптировать под мобильные устройства или создать его мобильную версию. Ответ крайне прост, хотя и неоднозначен на практике: лучше адаптивный сайт и мобильное приложение.

Чем отличается мобильный сайт от адаптивного?

Стоит заметить, что мобильная версия сайта и адаптивный сайт — это не одно и то же.

Мобильная версия сайта разрабатывается под потребности пользователей мобильных устройств (смартфонов, планшетов). Когда пользователь переходит на обычный сайт со смартфона, ему будет предложено перенаправление на поддомен, например, m.example.com. Чаще всего мобильная версия являет собой «урезанный» основной сайт. Плюс такого сайта — удобство для мобильных пользователей, а минусы — разные URL-адреса и уменьшение контента.

Адаптивный сайт — это тот же основной сайт, но свёрстан таким образом, что отображается корректно на экранах большинства устройств: стационарных ПК, лептопах, нетбуках, планшетах, смартфонах. Собственно, поэтому и называется адаптивным. Естественно, в поддомене нет надобности, сайт имеет один URL-адрес (example.com). Достоинство адаптивного сайта — его универсальность. Недостаток — он не может полностью охватить задачи всех пользователей, уж слишком разные устройства, на которых сайту следует работать. Впрочем, эта разница не всегда бывает критичной.

Плюсы и только плюсы нативных приложений

Прежде всего, нативные (native – родные) приложения очень функциональны в руках пользователя, так как разработаны исключительно под свою операционную систему. Сайт и приложения имеют разный опыт взаимодействия (UX). В случае использования мобильного устройства приложению можно записать множество преимуществ перед адаптивными сайтами и мобильными версиями сайтов.

Интеграция данных пользователя

Приложение даёт возможность оперировать данными, которые находятся в телефоне (например, списком контактов, фотографиями) без дополнительных движений. Так, не нужно вводить номер телефона вручную, когда он уже записан.

Работа в фоновом режиме

Приложение можно свернуть и, при необходимости, продолжить работу в любое время. Это большое преимущество перед сайтами, которые нужно обновлять. Тем более не всегда приложению для нормальной работы требуется соединение с интернетом.

Высокая скорость загрузки

Мобильное приложение запускается намного быстрее сайта, так как находится непосредственно в памяти устройства. Компактность позволяет ему загружать с сети только те данные, которые нужны пользователю здесь и сейчас. Кроме того, собственные графические и программные элементы приложения не требуют обновлений при каждом соединении.

Также их разработка предусматривает проблемное интернет-соединение. Пользователь сможет без проблем работать с приложением даже при плохом сигнале.

Привлечение новых пользователей эффективнее, чем веб-ресурс

Когда приложение находится в телефоне, к нему открывается постоянный доступ. Пользователю не нужно запоминать дополнительные данные, делать множество закладок, выполнять поиск. Для постоянной работы приложения предпочтительнее сайтов и поэтому все популярнее.

Приложение не зависит от устройства напрямую

Благодаря способности хранить данные в локальной базе, приложение может обратиться к ним с любого устройства. Поэтому потеря смартфона не грозит обернуться трагедией, если в нём была важная информация.

Компактность уместна всюду

Пользователь может в любую минуту обратиться к приложению, которое постоянно находится в его кармане. При этом он не ограничен ничем: ни местом, ни временем, ни дополнительными устройствами ввода.

Эффект привыкания

Пользователь намного сильнее привыкает к приложению, чем к конкретному сайту. Это связано минимумом информации, которая ему нужна для доступа, лёгкостью управления личными данными и дружественным интерфейсом, разработанным под операционную систему.

Естественное взаимодействие через прикосновение

Сенсорный монитор (touch-screen) — универсальный способ взаимодействия пользователя с приложением и, к тому же очень «родной» для человека. В него заложено тактильное чувство, одно из самых познавательных.

Всегда на связи с клиентом

Мобильное приложение делает контакт из потенциальными клиентами намного теснее и даёт компании возможность соответствовать их требованиям.

И сайт, и приложение

Не все мобильные устройства равны, поэтому приложения стоит разработать для популярных платформ. Но нельзя охватить их все. Сайт станет альтернативным решением для того, чтобы не терять свою аудиторию и позаботиться о предложениях для всех потенциальных клиентов. Комплексный подход учитывает все нюансы, связанные с работой всех мобильных продуктов.

Доступ к контенту

Сайт не требует от пользователя загрузки текущих программных обновлений. Если у компании имеется контент в сети, то расположить к нему доступ легче всего через сайт.

Больше трафика

Простой способ увеличить трафик — дать возможность пользователю с приложения открывать ссылки на контент, расположенный на сайте.

Лёгкий старт

Нужно учесть, что у сайта и приложения разные подходы к продвижению. Тем не менее оба мобильных продукта способны влиять друг на друга. Когда у приложения уже сформирована аудитория, сайт запустить легче. Обратный ход — если на вашем сайте увеличилась доля посетителей с мобильных устройств, пора заняться приложением.

Промо-сайт

Также, как пример эффективного взаимодействия, можно назвать и сайт для приложения. Он может стать эффективной платформой для обратной связи пользователями, внедрения рекламных акций, размещения бета-версий приложения.

Публикация

Мобильные приложения публикуют в магазинах (AppStore, Google Play, Windows Store) с уже готовой аудиторией. Это упрощает задачу распространения, ведь на сайт пользователей ещё нужно привлечь. С другой стороны, сайт работает сразу, а приложение проходит процедуру утверждения. Своеобразные ограничения, которые можно компенсировать, если использовать и сайт, и приложение.

Конечно, чтобы остановиться на одном из параметров или использовать их комплексно, нужно исходить из целей бизнеса, бюджета и непосредственно отрасли, которую занимает ваше дело. Однако лучшее решение то, которое подходит только вашему пользователю.

Чем отличается UX от UI

31 марта 2015

Сразу договоримся, что UX от UI — не синонимы. Это, если хотите, — разные стороны одной монеты.

В общих чертах

User Experience — опыт взаимодействия пользователя с устройством или приложением.

User Interface — пользовательский интерфейс, посредством которого это взаимодействие происходит.

Все перечисленные понятия тесно связаны и, так или иначе, переплетаются при создании дизайна приложения. Поэтому возникает двусмыслица. Очень часто эти понятия путают между собой или с другими, например, User Experience с Usability.

Usability (удобство использования) — это и часть, и следствие UX-дизайна.

Также UX и UI — это разные области дизайна, которые не существуют друг без друга.

Когда вы запускаете любое мобильное приложение, то первое, что увидите — это оформление интерфейса. Сразу можно оценить, приятен ли он, хочется ли с ним работать дальше. Это результат UI-дизайна.

Сам процесс работы неощутим. Вы просто кликаете по иконке и выполняете свои задачи. Это результат правильного UX-дизайна. Он абсолютно незаметен, если идеально выполнен.

Иными словами, результат UI мы видим, UX — понимаем. От всего вместе — ощущаем удобство использования.

Соответственно UX и UI-дизайнеры выполняют разные задачи общего проекта. Теперь можно и подробнее разобраться.

UX-дизайн

Позитивный опыт взаимодействия сразу производит впечатление об уровне компании и её услугах. Если приложение удобное в использовании и решает задачи, то высоки шансы, что пользователь не сможет без него обходиться и будет рекомендовать своему окружению.

Да, если взаимодействие позитивное, о нём не говорят, потому что это воспринимается как должное. В противном случае — сразу прокомментируют.

Пять уровней User Experience Джесса Гарретта

1. Определение стратегии проекта (задачи бизнеса и пользователя).

2. Работа над определением всех нужных функций приложения или сайта.

3. Проектируется информационная архитектура и общее построение приложения.

4. Компоновка и прототипирование страниц.

5. Проработка блоков каждой страницы и расстановка акцентов на информации.

User Experience решает такие задачи, как:

  • общая архитектура и последовательность страниц приложения;
  • расположение и важность отдельных элементов (например, предусмотреть их для размеров экрана iPhone и iPad);
  • удобство использования приложения;
  • обновление экранов существующего приложения.

UI-дизайн

Это работа над визуальной составляющей дизайна приложения. Иными словами, привлекательная «упаковка».

Пользовательский интерфейс, спроектированный на должном уровне, притягивает клиента и вызывает приятные эмоции в процессе работы. Многие люди выбирают из примерно одинаковых по функциям приложений именно то, которое нравиться их глазам.

User Interface — это визуальная реализация User Experience. Все, что заложено в приложении на этапе разработки UX, пользователь воспринимает в том виде, который отображен посредством UI.

Задачи User Interface:

  • обеспечить должное взаимодействие пользователя с приложением;
  • олицетворять компанию, быть частью её фирменного стиля;
  • эмоциональное удовольствие пользователя от работы;
  • привлечение клиента внешней эстетикой;
  • обновить внешний вид интерфейса в готовом приложении (например, с выходом новой версии iOS или Android).

В целом работа над UX-дизайном более обширная, а над UI-дизайном — не менее важная.

Почему стоит начинать с мобильного приложения

24 марта 2015

Этот вопрос актуален, не смотря на мобильный рынок, который активно развивается. Приводим свои аргументы «за» и рассказываем, почему.

Мобильных всё больше

Смартфоны и планшеты стали неотъемлемой частью нашей жизни. Более того, их популярность уже превосходит стационарные компьютеры и ноутбуки.

Таким образом, смартфоны и планшеты становятся все привычнее и, к слову, доступнее. Также следует учесть высокий темп инноваций в этой сфере. Разумеется, сегодняшние новинки через некоторое время станут привычными и даже заурядными.

Влияние на дизайн

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

Безусловно, центральным объектом и вдохновителем стал пользователь. Следовательно, дизайнеры стали отказываться от многих элементов интерфейса, которые не востребованы в новых реалиях.

Контент сегодня занимает первое место не только с позиции SEO / SMO, но и в UX / UI в первую очередь для мобильных устройств. Теперь ключевые тренды — ясность и отсутствие лишних деталей. Тенденция к сокращению, отсечению всего лишнего, наглядности информации повлияла на весь мобильный дизайн.

Потенциальные возможности для бизнеса

Деловые люди чутко реагируют на инновации и внедряют использование мобильных приложений в своих целях. Возможность быть всегда на связи с клиентом открывает компаниям много перспектив. Только представьте себе, что ваш клиент ничем не ограничен и может обратиться к вам в любую минуту!

Если деятельностью вашей компании является продажа товаров или услуг, то без приложения в современном мире просто не обойтись.

Рассмотрим в качестве примера социальную сеть Facebook. Ежемесячная аудитория по данным на январь 2014 г. составляет 1,2 млрд пользователей.

Кроме основного сайта и его мобильной версии существуют:

  • приложение для Android,
  • приложение для iPhone,
  • мессенджер Facebook Home,
  • Facebook messenger (доступен для Android, iPhone и Windows Phone),
  • Facebook для iPad,
  • Менеджер cтраниц Facebook в двух версиях (для iOS и Android).

В 2012 году соцсеть Facebook представила сервис App Center — магазин приложений для смартфонов и планшетов на Android и iOS.

Вот так пользователи соцсети получили возможность без дополнительных усилий быть онлайн круглосуточно. Результат — мобильное приложение Facebook используют 810 млн человек в месяц. И это количество будет только увеличиваться по мере
доступности мобильных устройств, то есть стремительно.

Когда, если не сейчас?

Разработка дизайна, ориентированного на мобильное приложение, в дальнейшем облегчит работу над остальными мобильными проектами вашего бизнеса. Поэтому такой старт — это шаг в будущее.

Дизайнер. Инструкция к применению

19 марта 2015

В этой статье мы, дизайнеры интерфейсов, попытались доступно раскрыть общую специфику нашей работы и рассказать, как же с нами обращаться.

Кто не смеялся с пародий на клиентско-дизайнерские взаимоотношения. Более того, мы с вами каждый день бываем и клиентами, и подрядчиками с различной спецификой работы, специальными знаниями или их отсутствием. А ещё мы всего-навсего люди, поэтому понять друг друга порой бывает сложно. Каждая сторона по-своему права.

У вас есть идея!

Круто! И вы пришли с ней к дизайнеру. Ещё круче, ведь вы видите в этом человеке развитие своего проекта. И определиться с желанием и своими возможностями.

На этапе идеи трудно знать, чего хочешь, и это нормально. Но определить задачи своего бизнеса и текущего проекта необходимо. Это базовый пункт, который вам нужно знать или понимать ещё до разговора с дизайнером.

Вы нашли дизайнера

Под этой фразой мы подразумеваем, что вы обратились к профессионалам, которые вам понравились. Это значит:

  • вы видели портфолио и теперь знаете, на что эти ребята способны;
  • вы слышали (или читали положительные отзывы об их работе).

Следовательно, этой компании можно доверить свой продукт. Для того, чтобы принять это простое решение, вам не нужно разбираться в специфике работы другого специалиста. В конце концов, это его забота. Но без доверия хорошая работа невозможна.

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

Брифинг

Вот он, ваш звездный час. Поясните свою идею настолько понятно, насколько у вас хватит сил. Это тот случай, когда вместо решения вы предлагаете свои проблемы и задачи (вернее, своего бизнеса), а решения предлагают вам. Помните, что дизайнер, заинтересованный в дальнейшем сотрудничестве с вами, проникнется вашим проектом.

Профессиональный дизайнер поможет вам:

  • окончательно определиться с бизнес-целями приложения;
  • составить техническое задание;
  • сориентироваться в общем бюджете;
  • понять, почему нужны те или иные решения, и как они будут работать на вас.

Сотрудничество и правки

А вот и первые макеты! Собственно, ваша функция здесь — принять окончательное решение в утверждении макета. Имейте ввиду, дизайн должен понравиться не только вам, но и вашим пользователям.

Прежде, чем вносить правки, подумайте, чем вы их будете обосновывать. Аргумент «Мне не нравится», конечно, тоже важен, но он не даст информации о ваших сомнениях. Попросите дизайнера пояснить важность тех или иных элементов. Ничего страшного в этом нет, наоборот, вы лучше поймёте друг друга.

Проект готов!

«И как они это делают?» — подумали себе вы и решили непременно поработать с этими ребятами в своём новом проекте. Ведь они прочли ваши мысли! Создали именно то самое крутое приложение, которое вы хотели.

Так выглядит идеальный результат сотрудничества по версии клиента. На самом деле мы, дизайнеры, тоже к этому стремимся. Поэтому с нас — профессионализм, а с вас, клиентов, — доверие.

Рушим стереотипы о работе дизайнеров

Общая концепция

Во время беседы мы узнаем от клиента детали проекта. Например, если планируется мобильное приложение банка, то нужно понимать следующее:

  • кто будет пользоваться (все клиенты учреждения или финансисты);
  • функции приложения (для чего оно нужно пользователю);
  • задачи проекта (что он должен принести вашему бизнесу);
  • кто ваши конкуренты и какие идеи у них реализованы.

Также вы оставите дизайнеру бренд-бук или озвучите пожелания о внешнем виде приложения.

Целевая аудитория

Собственно, а для кого всё делаем? Какие потребности и задачи у конечного пользователя? Фокус-группы помогут ответить на эти вопросы, но интерпретировать эти ответы должен аналитик или та группа специалистов, которая занимается проектированием приложения.

На основании результатов исследования дизайнер пишет юзкейсы — действия именно вашего пользователя с приложением.

Пользователь, кстати, не всегда объективен. Он руководствуется опытом использования, которые у него уже есть на данный момент. Поэтому если ваш проект инновационный, полагайтесь только на опыт дизайнера и свое предпринимательское чутье.

А как у конкурентов?

Продукцию конкурентов тоже следует анализировать. Дизайнер обязательно проанализирует существующие приложения в мобильных маркетах, протестирует, как работает приложение вашего конкурента.

Возможно, ваш продукт может выгодно отличаться и дать пользователям то, что не смогут дать остальные. Для этого необходимо ознакомиться с отзывами пользователей и мнениями аналитиков, блогеров, разработчиков и прочих авторитетных в этой сфере людей.

Поиск вдохновения

Работы не делаются по принципу «я дизайнер, я так вижу». Существует много факторов, которые влияют на дизайн вашего приложения в целом:

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

И при всем этом дизайнеру нужно, что называется, «попасть в задачу».

Дизайнер постоянно находится в поиске решений. Это очень специфическое состояние ума, при котором задача не остается в рамках рабочего места. Дизайнер размышляет над ней постоянно, даже моя посуду дома. Кроме этого, нужно быть в курсе последних тенденций, читать профессиональные статьи, блоги, обсуждать информацию с коллегами в сообществах, смотреть веб-портфолио.

Составление технического задания

Творческому человеку необходимо упорядочить процесс. Для этого необходимо ТЗ — документ с требованиями про проекту, сведениями о заказчике и продукте. Работа дизайнера находится исключительно в рамках ТЗ.

Помните, техническое задание — это не «сделайте что-то типа этого» или «надо как у Apple». Содержание этого документа следующее:

  • организация процесса работы;
  • вся необходимая информация для проекта;
  • описание порядка утверждения макетов;
    юридические моменты.

Правильно составленное техническое задание — половина дела. Это источник порядка в работе и голове дизайнера. Также этот документ дисциплинирует обе стороны и обозначает ответственность за проект.

Проектирование взаимодействия

На этом этапе дизайнер проектирует UX-архитектуру вашего приложения: порядок экранов, выполнение юзкейсов, расположение кнопок и других элементов интерфейса.

Главная задача здесь — проработать общую функциональность приложения. Результатом здесь будут UX-прототипы — серые и скучные образцы страниц, но очень полезные в дальнейшем процессе. Они помогут навести порядок в приложении, выяснить, каким образом оно будет работать, и позволяют внести правки на ранней стадии проектирования. Глобальная задача UX-проектирования — безупречный опыт использования приложения вашими клиентами.

Кстати, для многих дизайнеров прототипирование — самая интересная часть работы.

Правки

Сразу отметим, что слова финальный в лексиконе дизайнера не существует.

Мы привыкли к тому, что заказчики любят передумывать, менять концепцию, советоваться с коллективом и даже родственниками. Это часть рабочего процесса, хоть и не самая любимая, но мы к ней всегда готовы.

А между тем, правильные задачи правок следующие:

  • выделить главную фишку приложения;
  • определить второстепенные функции;
  • увидеть отбросить лишнее (в функциях, графике структуре);
  • свериться с гайдлайнами операционной системы;
  • понять, насколько текущий результат совпадает с запланированным ранее;
  • дать общую оценку проекту.

Вот какие эти правки на самом деле серьёзные и важные. И относиться к ним нужно так же.

Детали графики и альфа-тестирование

Готовые макеты необходимо проверить на возможных устройствах использования. Так мы оцениваем юзабилити и качество отображения графики на разных экранах.
После этого можно сосредоточиться на последних деталях: анимации, звуках событий и прочих приятных мелочах.

Процесс разработки

Когда программист выполняет разработку приложения, ему требуется наша помощь. Это, кстати, в интересах клиента. Дизайнер отвечает в этом процессе за соответствие конечного результата его макетам.

Мы всегда участвуем в бета-тестировании. Это хороший способ понять, какой продукт в итоге получился, и оценить, как твой дизайн работает.

Мы следим за вашим проектом

Конечно нам интресны отзывы пользователей и мнение блогеров. Вы же обратитесь за поддержкой дизайна или другой версией приложения. Нам будет с чем встретить вас снова.

Как засунуть интернет-магазин в мобильное приложение

12 марта 2015

Интернет-магазин с мобильного устройства — идея, которая не дает спать многим владельцам такого бизнеса. И если вы читаете это, то и вам, наверняка, тоже. А мы из вредности подкинем вам немного цифр.

  • Покупки с iPad в воскресенье возрастают на 16%, а объём продаж с ПК в этот день падает на 10%. Ничего себе, сколько любителей валятся в выходные на диване с планшетом!
  • Глобально в мобильных продажах лидирует ОС Android (65,9%), а с iOS совершается больше покупок на европейском рынке.
  • 69% украинских пользователей регулярно совершают покупки посредством мобильных устройств. А мировые показатели куда больше!

Всё, больше не будем бить ниже пояса. Пора делать свой интернет-магазин мобильным!

Вы решились и…

Теперь стоит разобраться, каким способом это сделать.
У пользователя есть два пути взаимодействия с интернет-магазином через мобильное устройство:

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. Остальное мы сами.

Rework. Бизнес без предрассудков

06 марта 2015

Игнорировать эту книгу на свой страх и риск.

Сет Годин,
автор деловых книг,
маркетолог и блогер.

Рецензия от App2World

Авторы книги — Джейсон Фрайд и Девид Хайнемаер Хенсон, основатели проектной студии 37signals, которой принадлежит создание средства управления проектами Basecamp и фреймворка Ruby on Rails.

Rework отправляет в нокаут все стереотипы о ведении бизнеса и традиционные мотивирующие советы типа «100500 секретов чего-нибудь». Это действительно революционная книга, написанная практиками. К слову 37signals, которая создала продукты мирового уровня, состоит всего из 14 человек.

Кому эта книга

  • начинающим и продвинутым бизнесменам;
  • тем, кто только решается создать свой бизнес;
  • и тем, кто ищет отговорки, чтобы не начинать сейчас.

Как читать?

Запоем. С блокнотом. И перечитывать.

Наш цитатник после прочтения

Если кратко — то в Rework полезно всё. А конкретнее — в основных тезисах, пояснение которых вы найдёте в книге. У нас сложился такой цитатник. А какой у вас?

1. Игнорируйте реальный мир

Реальный мир – это не место, а всего лишь предлог. Оправдание, чтобы не действовать. К вам он не имеет отношения.

2. Зачем расти?

Может быть, для вашей компании правильным размером будет пять человек. Или 40. Или 200. А может быть, только вы и ваш компьютер.

3. Трудоголизм

Трудоголики – не герои. Они не берегут время, они просто сжигают его. Настоящий герой уже давно дома, он нашел более быстрый способ завершить свои дела.

4. Чешите там, где у вас зудит

Самый простой и очевидный способ создать первоклассный продукт или услугу – сделать что-то, что бы вы сами хотели использовать.

5. Начните что-нибудь делать

Значение имеет только то, что вы делаете , а не то, о чем вы думаете, говорите или что планируете.

6. Отсутствие времени не оправдание

Времени всегда достаточно, если вы его правильно тратите. И не думайте, что вам для этого нужно уйти со своей постоянной работы.

7. Внешние деньги – это план «Z»

Идея тратить чужие деньги может показаться привлекательной, но тем самым вы накидываете себе петлю на шею.

8. Вам требуется меньше, чем вы думаете

Первоклассные компании всегда стартуют в гараже. И ваша не исключение.

9. Принимайте ограничения

«У меня недостаточно времени/денег/людей/опыта…» Хватит ныть! Меньше – это хорошая штука. Ограничения – это скрытые возможности.

10. Игнорируйте детали на ранних стадиях

Архитекторы не задумываются о том, какой плиткой отделать душевую или какую посудомоечную машину установить на кухне, до тех пор, пока не будет завершена планировка помещения.

11. Продавайте побочные продукты

Деревообрабатывающая индустрия продает то, что обычно считается мусором, – опилки, щепки, обрезки древесины – за приличные деньги.

12. Запускайтесь сейчас

Если бы вам нужно было запустить бизнес за две недели, что бы вы отбросили?

13. Перерывы – враги продуктивности

Задумайтесь над тем, когда вы делаете б́ольшую часть работы? Если вы похожи на большинство людей, то ответ будет – ночью или ранним утром. И неслучайно – это как раз то время, когда вокруг вас никого нет.

14. Совещания токсичны

Предположим, вы планируете провести часовое совещание с участием десяти человек. На самом деле это будет не часовое, а десятичасовое совещание.

15. Не будьте героем

Если вы уже потратили уйму часов на работу, которая того не стоила, отойдите в сторону. Вам не вернуть потерянного времени. Худшее, что можно сделать в данной ситуации, – продолжать его тратить.

16. Идите спать

Работать в ущерб сну – плохая идея. За дополнительно выкроенную пару часов позднее придется заплатить сторицей – подрывом духа, настроя и изобретательности.

17. Диверсифицируйте ваш продукт

Конкуренты никогда не смогут скопировать ваше «я» в вашем продукте.

18. Не копируйте

Проблема копирования заключается в следующем: пропускается стадия понимания, осознания глубинных механизмов, с помощью которых растет бизнес.

19. Примите вызов

Если вы считаете, что ваши конкуренты – отстой, так и скажите.

20. Делайте меньше, чем конкуренты

Чтобы победить конкурентов, делайте меньше, чем они. Решайте простые задачи, а им оставьте трудные и неприятные.

21. Позвольте вашим клиентам опережать вас в развитии

Делая, несмотря ни на что, ставку на существующих клиентов, вы тем самым ограждаете себя от новых.

22. Не путайте энтузиазм с приоритетами

Безусловно, придумывайте столько новых интересных идей, сколько сможете. Заражайтесь и восхищайтесь ими. Только не начинайте действовать под влиянием момента!

23. Копируйте шеф-поваров

Книга, которую вы держите в руках, – наша «книга рецептов». А где ваша?

24. Пресс-релизы – это спам

Пресс-релиз изобилует ярлыками «сенсационный», «революционный», «новаторский» и «потрясающий». Это тупо.

25. Наркоторговцы все правильно понимают

Наркоторговцы – очень дальновидные бизнесмены. Они знают: их товар настолько хорош, что они готовы бесплатно дать на пробу небольшую порцию.

26. Маркетинг – это не отдел

Маркетинг – это не только отдельные мероприятия. Это совокупность всех ваших действий.

27. Проходите мимо отличных людей

Вы принесете своей компании больше вреда, чем пользы, если наймете талантливых людей, у которых не будет достойных задач.

28. Годы, не относящиеся к делу

Разница между кандидатом с шестимесячным опытом работы и кандидатом с шестилетним стажем на удивление мала.

29. Забудьте о формальном образовании

90 % директоров, возглавляющих в настоящее время 500 лучших американских компаний, не получали степень бакалавра ни в одном из заведений Лиги Плюща.

30. Нанимайте самостоятельных менеджеров

Эти люди освобождают вас от необходимости контролировать их. Когда вы оставляете их в покое, они приятно удивляют вас объемом выполненной работы. Их не нужно постоянно держать за руку или руководить ими.

31. Нанимайте великолепных писателей

Они делают вещи более понятными.

32. Самые лучшие – везде

География больше не имеет решающего значения. Нанимайте лучшие таланты, несмотря на их местожительство.

33. Скорость меняет все

«Ваш звонок важен для нас. Благодарим вас за ожидание. Приблизительное время ответа оператора – 16 минут…» Кончайте заливать!

34. Им не по 13 лет

Стиль руководства, при котором любое действие требует одобрения, порождает культуру бездумия.

35. Вдохновение не вечно

Вдохновение подобно свежему фрукту или молоку: у него есть срок годности.
Если у вас появилось желание что-то сделать, нужно приступать к этому немедленно.

Время вдохновляться и действовать. Время Rework.

«Жмёшь на кнопочку — и происходит чудо!»

02 марта 2015

Это сказал об иконке один хороший клиент, а мы подумали и согласились.

Прежде всего в ней — вся суть продукта в одном простом изображении. Обычному пользователю тяжело оценить её важность. Для него срабатывает вау-эффект. Если иконка пользователю нравится, он просто по ней кликнет и начнёт загрузку. Ради этого действия дизайнер трудился не один день. Его задача — выделить одно приложение в списке среди сотен других так, чтобы на этом продукте остановили взгляд.

Важность первого впечатления определила создание иконок в отдельное направление дизайна мобильных приложений.

В этой статье мы расскажем о всех подводных камнях создания иконок и попутно рассмотрим новые требования к иконкам для приложений на 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 8

У иконок iOS имеются спецификации, по которым Apple рекомендует их создавать.
Иконки iOS имеют вид скруглённых прямоугольников. Этим они создают общую гармоничность в экосистеме платформы. Для иконок операционной системы iOS разработана размерная сетка, которая информирует дизайнера, как размещать элементы на иконке. С выходом iOS 8 размерных сеток стало больше.

iOS-8-icon-template

Основные рекомендации разработчикам и дизайнерам от Apple:

  • использовать универсальные образы, которые люди смогут
  • узнавать;
  • 1 иконка = 1 объект, которые передаёт суть приложения;
  • умеренно использовать прозрачность и соблюдать края иконки.

Изображение должно

  • иметь все углы по 90 градусов;
  • не иметь блеска;
  • не использовать альфа-прозрачность.

Дизайнерам следует избегать изображения иконок, которые будут слишком похожи на системные иконки iOS или других продуктов Apple.

«Материальные» иконки Android Lollipop

С появлением «материальной» философии для иконок Android появились специальные требования по дизайну.

В первую очередь, это — размерная сетка и рекомендованные геометрические формы для иконки. Google требует правильной геометрии для иконок приложения:

Но одной сетки недостаточно. В гайдлайнах Android Lollipop подробно расписаны стандарты для каждой мелочи. Например, не разрешается использовать более двух перекрытий или изгибов. Больше слоев усложняют восприятие.

Повороты или искажения иконки исключены. Все материальные объекты следует располагать строго по центру.

И даже уголок папки только справа! Уголок влево делать нельзя. Вряд ли дизайнерам Google не понравились уголки слева. Это требование исключает разнородность иконок в общем списке системы.

 

Анатомия иконки для Android

Все элементы изображения послойные: располагаются один за другим. Послойность выделяется тенями и создает ощущение глубины. Анатомия иконки — рекомендации по наложению элементов в иконке приложения.

1. Отделка
2. Фон
3. Передний план
4. Цвет
5. Тень

В анатомии чётко прописаны даже параметры наложения теней и цвета цветных элементов, света, градиентов и оформления контура.

Размер имеет значение

Для иконки предусмотрено несколько разрешений (ширина х высота картинки в пикселях) изображения:

  • изображения для маркета,
  • иконка запуска в приложении.

Очень большие и очень маленькие разрешения иконки рисуются с нуля, потому что чрезмерное увеличение или уменьшение при масштабировании даёт неожиданный результат. Например, если сильно уменьшить файл с разрешением 1024х1024 пикселей, то изображение станет неразборчивым.

У iOS с размерами иконок полная ясность и порядок. Причина этому — уникальная линейка мобильных устройств от Apple с iOS на борту. Размеры иконки приложения чётко установлены.

Дублируем их ещё и здесь:

 

Кстати, все эти параметры — для квадратных иконок. iOS округляет их самостоятельно и «подставит» файл нужного размера.

Для иконок Android картина совершенно иная. Эта платформа имеет более 18 тысяч видов устройств! И несколько разрешений экранов:

  • mdpi – 160 dpi;
  • hdpi – 240 dpi;
  • xhdpi – 320 dpi;
  • xxhdpi – 480 dpi;
  • xxxhdpi – 640 dpi.

Таблицу под такое не нарисуешь. Фрагментация 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.

Как видите, иконки требуют особого подхода. Почти как картина маслом. Как создать иконку и не сойти с ума от всей этой информации? Сами в шоке. Тем не менее, у нас получается:)

Тим Браун. Дизайн-мышление в бизнесе

03 февраля 2015

Дизайн-мышление — это способ восприятия мира от ведущих дизайнеров и проектировщиков, а также исследовательский процесс, который позволяет находить нестандартные решения по развитию проектов. Он построен на способности профессионала мыслить интегративно, на готовности воспринимать дизайн вне дизайна и пресекать в своей работе границы отдельных дисциплин.

Также дизайн-мышление — это модель эффективного построения бизнеса, применяемая не только к людям или продуктам, а даже к целым компаниям.

Дизайн-мышление в бизнесе. Рецензия от App2World

Книга «Дизайн-мышление в бизнесе» описывает все этапы, способы и сферы применения дизайн-мышления в бизнесе, ведении проектов и стиле человеческой жизни.

Об авторе

Тим Браун — президент и CEO дизайн-компании IDEO. Да, той самой IDEO, которая в своё время разработала компьютерную мышь для радикально нового на тот момент компьютера от Apple. Этот продукт был предназначен для массового использования.

Кому читать и зачем

  • дизайнерам — получить новые знания и методики от лучших специалистов в профессии;
  • менеджерам — понять, как работают дизайнеры и как разрабатывается дизайн-стратегия;
  • руководителям — знать, как дизайн-мышление применяют корпорации;
  • и сочувствующим — развивать в себе способность прийти к дизайн-решениям.

Что полезного в книге

1. Можно открыть для себя, как дизайн-мышление меняет наш мир здесь и сейчас, создавая самые невероятные и полезные для человека проекты.

2. Можно получить конкретные знания и примеры по методологии дизайн-мышления.

3. Можно и нужно вдохновляться. Тем более что все советы в книге получены практическим путём, который прошла компания IDEO.

Подход дизайн-мышления

Тим Браун в своей книге полностью описал методологию дизайн-мышления и снабдил её конкретными примерами из практики как своей, так и многих других известных компаний.

Дизайн-мыслители ориентируются на новую экономику, в центре внимания которой — человек, а не технологии. Наблюдая за человеком, можно увидеть его поведение, реакцию на продукты и услуги, контекст их опыта и определить скрытые потребности. Только так и появляется востребованный продукт, который ускоряет прогресс человечества.

Мощь прототипирования

Прототип, по мнению Тима Брауна, нужен для того, чтобы пораньше совершить ошибки и понять, в каком направлении двигаться дальше и «в конечном счёте добиться успеха». Проектировщики и дизайнеры всегда идут по этой линии:
Создание прототипов —> совершение ошибок —> совершенствование идеи.

Озарение

Помогает избавиться от социальных стереотипов. Озарение — процесс, доступный каждому и совершенно бесплатно. Всё, что находится вокруг нас, способно озарять и видеть решение под другим углом, нежели мы привыкли.

Наблюдение

Смотрим не только на то, что люди делают, но и на то, что они не делают.
Единственный способ узнать, что нужно работнику продуктового магазина — сходить к нему на рабочее место.

Эмпатия

Ставим себя на место тех людей, для которых предназначается продукт.
Один из ведущих членов проектной команды Кристиан Симсарян даже лёг на каталку в зале экстренной помощи, чтобы пройти путь пациента с регистрационной комнаты до койко-места и понять, что он ощущает, видит, к чему прикасается.

Нефокусные группы

Интересное можно увидеть, ориентируясь не только на фокусную группу целевой аудитории, а и на людей, совершенно под неё не подходящих. Если уделять внимание центральной части аудитории продукта, то получим привычные результаты. Нефокусная группа поможет посмотреть на проблему совершенно иначе.

Экспериментирование

Основной инструмент дизайн-мышления. Экспериментирование даёт новые данные и совершенствует идею.

Культура оптимизма

Оптимизм в коллективе порождает уверенность, а уверенность — доверие. Последнее питает и то, и другое.

Визуальное мышление

Не имеет значения, умеете вы рисовать или нет. Главное, что вы можете отобразить идею графически, для понимания. Рисование определяет решения.

Значимость сторителлинга

Сторителлинг в дизайн-мышлении — возможность распространения идей путём создания историй.

7 хороших цитат из книги

Об ограничениях

«Без ограничений дизайна не бывает, и лучший дизайн — точный медицинский прибор или убежище для жертв природных катастроф — получается при самых жёстких ограничениях».

И ещё:

«… время — самое креативное ограничение».

О креативности

«Чтобы быть креативной, компания не обязательно должна быть безумной, дурашливой и расположенной в Северной Калифорнии. Что действительно важно, так это среда — как социальная, так и пространственная, — в которой люди могут экспериментировать, брать на себя риски, проверять на практике все свои умения».

О смежных профессиях

«Дизайн в наше время слишком важен, чтобы оставлять его дизайнерам».

О мозговом штурме

«Не судите. Поощряйте дикие идеи. Не отходите от темы».

О силе прототипирования

«Самый первый и величайший прототип IDEO был создан, когда компания состояла из восьми непричёсанных дизайнеров, собравшихся в студии над магазином одежды «Рокси» на Юниверсити-авеню в Пало-Альто. Дуглас Дейтон и Джим Юрченко прикрепили шарик от шарикового дезодоранта к основанию пластиковой маслёнки. Вскоре компания Apple представила свою первую компьютерную мышь».

О самом важном

«Хорошие дизайн-мыслители наблюдают. Великие дизайн-мыслители наблюдают за обыкновенным».

О дизайне жизни

«Считайте жизнь прототипом. Можно проводить эксперименты, делать открытия, менять точки зрения. Можно искать возможности по превращению процессов в проекты, дающие осязаемый результат».

Как читать

Книга рассчитана на 6 часов. Объективно этого мало, ибо в процессе рука так и тянется делать записи. Явно не то, что читается на одном дыхании. Книга требует осмысления.

Чистый Android

12 января 2015

Оригинал статьи здесь

Большинство разработчиков хотят выпускать свои приложения для нескольких платформ. Если вы планируете приложение для 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.

Прототипы, прототипы… А когда они нужны?

30 декабря 2014

На прошлой неделе мы писали о прототипах мобильного приложения: об их видах и случаях использования. Вопрос, который остался без ответа: можно ли совсем не делать прототипы?

Прототипирование является важной, но не обязательной частью дизайна приложения. Мы всей душой за прототипы, но только в тех случаях, когда они действительно нужны. В этой статье мы расскажем вам,

  • в каких случаях можно обойтись без прототипирования
  • мобильного приложения;
  • когда необходимо делать прототипы;
  • и какими они должны быть.

Всё дело в габаритах и целях приложения

Приложение с простой структурой

Прототипирование не имеет критичной важности в большинстве «простых» приложений. Небольшое количество страниц позволяет и без дополнительных инструментов разработать интерфейс приложения. Если у вас именно такое приложение, вы можете просто сэкономить часть своих средств на прототипировании.

Приложение со сложной структурой

Если у вас проект с большим количеством страниц, то он однозначно нуждается в прототипировании. В противном случае возможны несоответствия в пользовательском интерфейсе, а это уже дополнительные затраты на этапе графического дизайна. Сделав прототипирование, вы сможете остаться в рамках бюджета.

Где золотая грань?

Нет строгой классификации про сложные и простые приложения. Как правило, среднее приложение имеет 17-20 страниц. Но это величина примерная, полученная нами опытным путём. Точно можно выяснить только видя конкретное приложение и его задачи. Поэтому на уровне обсуждения проекта мы с вами выясняем его сложность. Если структура вашего приложения не имеет спорных или сомнительных моментов, то порекомендуем вам не прототипировать.

Статические и динамические прототипы

Первый — это изображение с элементами интерфейса. Главная особенность статического прототипа — в него нельзя внести изменения. Вернее, можно, но только перерисовав саму картинку. Этот прототип подходит для простых по структуре проектов и может быть выполнен хоть от руки, хоть посредством соответствующих программ (например, Balsamiq Mockups).

Сложные проекты требуют динамических прототипов, то есть способных к быстрому изменению. Они трудоёмки: сначала нужно сделать статический прототип, а потом из него — динамический в специальной программной среде (например, Axure). Поэтому лучше делать такие прототипы на отдельных участках UX-карты, на которых это действительно нужно. Если, к примеру, в приложении 90 экранов, а вопросы возникают только к 20, то к ним имеет смысл сделать динамические прототипы. Остальные 70 рационально выполнить статическими.

Также всё зависит от команды

Вернее, от масштабов нашего с вами сотрудничества. Когда мы напрямую работаем с девелоперами, то сможем вполне понять друг друга без прототипов, потому что фактически занимаемся одним делом, в котором все в теме.

А вот, например, в проектах рекламных агентств принимает участие большое количество специалистов. В этом случае прототип необходим вне зависимости от структуры самого приложения. Нужно, чтобы все участники правильно понимали суть проекта, иначе их работа будет некорректной. Причина проста — чем больше команда, тем труднее без прототипов согласовывать свои действия.

Бизнесмены зачастую хотят вписаться в бюджет и рискуют разрабатывать свой проект сразу без прототипирования. Мы в App2World считаем, что нужно сначала разобраться, насколько такой шаг оправдан, и только потом действовать.

Есть идея, но нет решения

В случае если у вас есть идея, но вы не можете её полноценно развить, прототипирование необходимо. Вы увидите лишнее и недостающее в проекте и продумаете все ходы наперёд или вовсе измените концепцию приложения. Главное в этом — наглядность, которая поможет избежать неоправданных движений и затрат.

Нужно изменить детали в готовом приложении

Тогда мы берём UI-kit, выполняем прототипы и смотрим, в каком экране есть несоответствие элементов, и вносим изменения. В этом случае вашему приложению даже UI-дизайн не потребуется. На уровне прототипов эти действия проще и быстрее.

Как же определиться?

App2World всегда работает по принципу открытости и прозрачности. Вам не нужно разбираться в тонкостях дизайна приложения, чтобы сотрудничать с нами.
Мы с вами вместе поговорим и ответим на вопросы:

  1. Надо ли вообще прототипировать приложение?
  2. Если надо, то какие прототипы?

В любом случае будьте уверены:

  1. Если решим протипировать, то у вас не будет непредвиденных расходов в процессе UI-дизайна.
  2. Если решаем прототипы не делать, то вы экономите свои средства.
  3. Если решаем прототипировать частично (несколько экранов будут динамическими, остальные — статическими), то трудоёмкие и затратные прототипы сделаем только для тех экранов, которые в этом нуждаются.

Как прототипы способствуют воплощению идей

26 декабря 2014

О прототипах в интернете полно полезных материалов для специалистов, которые с ними работают. Но крайне мало статей для тех, кто начал информационный проект для своего бизнеса и понятия не имеет, какими неведомыми процессами заняты его партнёры (UX-проектировщики, UI-дизайнеры, аналитики, разработчики). Мы считаем, что такие статьи в нашем блоге должны быть.

Поговорим о прототипах и о том, как они помогают создать по-настоящему классный и востребованный продукт — мобильное приложение.

Что такое прототип мобильного приложения?

Прототип по сути является каркасом всего приложения. Функциональные возможности и расположение элементов интерфейса прорабатываются именно на прототипах.

Untitled-6

Кто работает прототип?

Разработкой прототипа мобильного приложения занимается UX-проектировщик. Примерная скорость создания прототипов для одного приложения — от 1 до 3-х недель и более на крупных проектах. В итоге получается результат, применимый на всех последующих этапах проекта, например, проработке дизайна, программировании (в нашем случае — авторском наблюдении за дальнейшей реализацией приложения).

Типы прототипов, концептов.

Статический

Такой прототип — изображение экрана в любом графическом формате. Проще говоря, обычная картинка, которую в итоге можно просматривать на мониторе, в смартфоне или напечатать.

Untitled-3

 

Плюсы: возможность быстрого создания.

Минусы: нельзя быстро редактировать, переделав один, нужно делать заново остальные.

Интерактивный (динамический)

Особенность этого прототипа в том, что все экран могут быть собраны в некую программу-прообраз. Это не настоящее приложение, однако его можно «потрогать» прямо в смартфоне и протестировать, как реализованы функции приложения. Также можно использовать этот прототип в виде html. Все действия в таком случае выполняются в интернет-браузере.

 

Untitled-4

Плюсы:

  1. Красивая и наглядная демонстрация.
  2. Позволяет сделать демо-версию приложения, испытать основные функции в действии прямо на мобильном устройстве.
  3. Возможность быстрого редактирования.

Минусы:

  1. Трудозатратный (специальное программное обеспечение и создание статических прототипов).
  2. Требует много времени на создание.

Оба прототипа можно просмотреть в смартфоне с разницей во взаимодействии: статический — это обычное изображение, динамический — демо-версия функциональности приложения, на элементы которой можно нажимать.

Возможности прототипирования

Прототип позволяет проработать логику приложения и детали. Также он является отличной постановкой задачи для UI-дизайнера и разработчика. По сути он дополняет техническое задание: визуализирует те функции, которые сложно представить в тексте документа. Если над проектом работает большая команда специалистов, прототип обеспечит у всех одинаковое понимание процесса.

Тестирование прототипа приложения на фокус-группе даёт специалисту дополнительную информацию, которую он может применить в своей работе. Например, можно увидеть следующее:

  • справился ли пользователь с задачей;
  • какие сложности у него возникли;
  • требовалось ли пользователю предварительно ознакомиться с особенностями приложения;
  • удовлетворён ли пользователь результатом.

От этих данных и стоит «плясать», чтобы спроектировать приложение, предназначенное для потребностей человека, а значит — востребованное.

Рентабельность проекта и прототип

По прототипу сложно оценить рентабельность проекта. Он даёт возможность увидеть, как идея реализуется в интерфейсе и функциональности приложения.

Тем не менее прототип поможет понять примерную стоимость дальнейших работ по мобильному приложению и вы оцените свою финансовую готовность к его продолжению. По статическому прототипу вполне можно предварительно понять стоимость UI-дизайна. А по хорошему динамическому прототипу и документации — примерно оценить разработку.

Если планируемые затраты окажутся выше бюджета, то можно подумать, как их сократить. Ну и самый крайний случай — вы потратите средства только на прототипы, а это в несколько раз меньше, чем за весь дизайн и разработку.

Как делается прототип?

Untitled-5

  1. Специалисты собирают и анализируют требования заказчика.
  2. Определяются основные задачи мобильного приложения и бизнес-задачи.
  3.  Выясняются основные сценарии использования приложения.
  4. Составляется предварительный список экранов.
  5. Выясняются основные элементы каждого экрана.
  6. Определяется весь фронт работ над прототипами: глубина проработки (статический или динамический), все реакции приложения на событие (касание, неправильное заполнение формы и т. д.).
  7. Непосредственно работа над прототипами.
  8.  Редактирование прототипов, технической документации по проекту и утверждение.
  9.  Всё, прототипы готовы к использованию.

А можно ли совсем не делать прототипы?

Можно! Но не всем подряд. Об этом, а также о том, когда необходимо использовать динамический прототип, вы узнаете в следующей статье.

Android не только для гиков

23 декабря 2014

На самом деле он для всех. Прежде всего ценовая политика этих устройств самая разнообразная, поэтому зелёного робота могут позволить себе люди с любым достатком.

Да, возможности ОС на флагманских и бюджетных аппаратах будут разительно отличаться, но это закономерно. Тем не менее каждый может выбрать Android себе по душе. Это особенно приятно сейчас, когда Google представила версию платформы, которая разительно отличается от предшественников, – Android Lollipop с новым Material design.

Опыт взаимодействия

android_ux

В первую очередь, пользователи Android – люди с пытливым умом. Им будет интересно что-то изменить, перепрошить, настроить, в общем, подвергать своего робота пыткам, пока в итоге им все не понравиться. Их не интересует, что ОС себя нормально чувствует и без вмешательства.

Менее продвинутый народ тоже найдёт, чем себя занять. Android имеет возможность менять темы оформления, настроить интерфейс полностью под потребности владельца.

Пользователю предложено три функциональные кнопки «назад», «домой» и «контекстное меню». В зависимости от устройства они могут быть экранными или физическими. Они соответствуют UX-архитектуре приложений для Android, которая поверхностная, предусматривает возврат на шаг назад, фоновый режим и многозадачность. На практике это выражено в контекстном меню, выпадающих списках, которые делают интерфейс робота отдалённо похожим на операционную систему ПК. Действительно, многим это кажется удачным и привычным опытом.

Вообще, пользователи Android — люди, которые не любят ограничений. Им важно использовать свой гаджет где угодно и как угодно. Android это позволяет своим разнообразием функций и устройств. Например, обмен файлов с ПК на Android — никаких сложностей или дополнительных программ. Десктоп увидит его как обычную карту памяти. Устройство можно подобрать любого размера, аппаратных характеристик и мощности. Пользователя Android не смущает необходимость таких действий, он видит в этом только дополнительные возможности.

В целом работать с роботом приятно, но требует усилий.

Интерфейс пользователя

android_icons_ui
Очень подвижный и динамичный — таково первое впечатление. Android подкупает анимационными эффектами, лёгкой вибрацией в ответ на прикосновения к элементам.

В версиях, предыдущих Android 5, очень режут глаз разнотипные иконки. В «леденцовой» версии их решили привести в порядок и создали гайдлайны (основные требования к дизайну иконок). В пятой версии экраны с иконками приложений выглядят очень гармонично.

Родные темы оформления Android – Holo Light и Holo Dark. Но можно скачать и установить все, что душа пожелает. Многие не любят стандартную клавиатуру Android. Точно так же можно зайти на Google Play и выбрать, что нравиться.
Открытость изменениям — вот главная черта Android.

Material Design

material_design

В Google назвали этот подход визуальным языком (visual language). Material (материальный) — метафора, объединяющая рациональность движения физического мира, яркую графику и анимацию. Теперь это по-настоящему красивый Android.

Дизайн ориентирован на все способы ввода с мобильных устройств (касание, голос) и невероятно отзывчивый. На касание Android Lollipop отвечает анимационными тенями и «подвижными» кнопками. Бесспорно, Google удалось оживить стеклянную поверхность. Например, приложение открывается не с центра экрана, а с точки касания пальцем. Простое подтверждение контакта превратилось в отличное взаимодействие. Признаться, вау-эффект от работы с Android Lollipop тоже имеется.

И ещё следует обратить внимание на движения элементов. Например, страницы стали визуально непрерывными. То есть, следующая страница надвигается на предыдущую без мигания. Перекрытие и однонаправленность движений позволяют глазам не «разбегаться», а концентрировать внимание на контенте.

Поверх плоских «отзывчивых» элементов в приглушённых тонах имеется яркая, слегка объёмная кнопка. Также физические края, «швы» и тени помогают понять, чего можно коснуться, где заканчивается список и т. д.

Вот такой зелёный робот — многозадачен и причесан по последней моде, что очень приятно. Будем с ним работать и ждать от Google ещё новинок и приятностей.

Дизайн для iOS. Почти без пафоса

05 декабря 2014

Мобильных устройств на 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 design

В основе этого тренда лежит минималистичный подход к созданию интуитивно понятных элементов и общее удобство использования.

В первую очередь плоский дизайн —  максимальное упрощение. Не используются те эффекты, которые придают изображению объёма: блики, градиенты, текстуры и пр. Используется только двухмерность объектов.  В результате все элементы выглядят стильно и утонченно.

Палитра цветов для плоского дизайна тоже минималистичная. Как правило, используется один цвет в разных тонах или приглушённые цвета и яркие акценты.

Чёткие тени в одном направлении — ещё одна особенность flat-дизайна. Особенно хорошо прослеживается на иконках приложений, но в других элементах тоже имеется.

Плоский дизайн проще делать и адаптировать. Для flat-UI может быть использована векторная графика. Она упрощает масштабирование в отличие от растровых изображений, которые больше весят и, соответственно, загрузка приложения происходит дольше.

Новая iOS 8 продолжает линию седьмой версии, изменив при этом детали, касающиеся функциональности. Она стала более интерактивной, интегрированной в облачные технологии. В целом любители Apple будут довольны.

Пост приветствия и радости

26 сентября 2014

Свершилось, господа! Мы запустили app2world.com, от чего очень довольны и счастливы. Надеемся, вы тоже разделите наши чувства.

На радостях приглашаем вас читать и комментировать профи-блог от App2World.

 О блоге

Он задуман в виде солянки из мыслей, фактов, мнений и знаний, полученных нами в процессе, который называется App2World.

 Что планируется в блоге?

Будем жечь глаголом обо всём, что касается деятельности App2World. То есть, всё о дизайне мобильных приложений: UX, UI, usability; про операционные системы, мобильные устройства и многое другое.

Мы расскажем вам, что сопровождает нашу работу, поделимся опытом и наблюдениями, поразмышляем и многое проанализируем. Вас ждут здесь статьи, новости, обзоры и рабочие заметки.

Также запланирован рассказ о самом сайте. За этой красотой скрывается немалая работа, которую проделала наша команда за несколько месяцев. Честно, мы очень старались, чтобы результат нам с вами понравился. App2World торжественно клянется поделиться опытом создания своего сайта.

Попробуем вас вдохновить, зарядить, развлечь и немного озадачить. Благодаря нашей «живой» библиотеке и традиции наполнять её только тем, что интересно и полезно, появилась мысль о рецензиях. Думаем, поговорить будет о чём.

Будут ещё интервью с клиентами в формате мнений и рекомендаций по созданию и продвижению мобильных приложений. Как эти компании пришли к необходимости выйти на мобильный рынок, вы узнаете в этом блоге.

 Кому адресован материал?

App2World приветствует самую разнообразную аудиторию. Мы много чего хотим сказать бизнесменам, в частности, нашим клиентам,  коллегам по дизайнерскому делу и смежным специальностям, и, конечно же, разработчикам мобильных приложений.

Изо всех сил постараемся вести этот блог доступно и легко, чтобы было понятно не только увлечённым людям, а и всей широкой аудитории.

 Позиция блога

Опция «уважение к читателю» у наших авторов включена по умолчанию. Регулятор объективности приведён в режим «параноидальный». Приложим усилия, чтобы удержать его на том же уровне.

Мы стремимся, чтобы информация в этом блоге приносила пользу нашим читателям.

Публикаций, не относящихся к теме, само собой, не будет.

 Будьте с нами в соцсетях

Говорите с App2World больше. Мы хотим знать ваше мнение по поводу всего, что делаем. Обсуждение всех постов, опубликованных здесь, доступно на страницах App2World в социальных сетях. Неформальные беседы и контент мы решили тоже вести в них, так намного удобнее и для нас, и для вас, читатели. Конкретные предложения по материалам в блоге категорически приветствуются. Впрочем, абстрактные пожелания всего хорошего — тоже. А если слов нет — жмите лайки!

И вообще — будьте с нами:)