Как стать автором
Обновить
23.95

Дизайн мобильных приложений *

Приложения для iOS, Android, Windows Phone

Сначала показывать
Порог рейтинга
Уровень сложности

Техники захвата внимания пользователя — от фокусника и специалиста по вопросам дизайнерской этики в Google

Время на прочтение 13 мин
Количество просмотров 62K
Я эксперт в области того, как в технологиях используются слабые места нашей психики. Вот почему я проработал последние три года как специалист Google по этике в дизайне. Моя работа состояла в проектировании ПО таким образом, чтобы защитить умы миллиарда людей от «уловок».

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

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


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

image
Это я, творящий «волшебство» при помощи ловкости рук, на дне рождения моей матери

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

И я хочу показать вам, как они это делают.
Читать дальше →
Всего голосов 58: ↑49 и ↓9 +40
Комментарии 60

Свой UX приложения ЖКХ Москвы с чатом и крутилками

Время на прочтение 7 мин
Количество просмотров 12K
image

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

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

  • если решение интуитивно понятно
  • если решение упрощает процесс взаимодействия
  • если решение реализуемо


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

Не так давно вышло приложение ЖКХ Москвы, призванное облегчить жизнь граждан. Его описание гласит:

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


Интригующе. Рассмотрим под микроскопом
Всего голосов 22: ↑19 и ↓3 +16
Комментарии 17

12 недельный скетч марафон, сделать или умереть

Время на прочтение 4 мин
Количество просмотров 18K
image

Наверняка вы видели в моей ленте на Dribbble или Behance за последние 4 месяца много красочных и бессмысленных интерфейсов :) Если нет, то это был 12 недельный sketch марафон в котором я на протяжении 12 недель (включая выходные) делал по 1 shot каждый день. Ниже я расскажу о том что из этого вышло.
Читать дальше →
Всего голосов 10: ↑8 и ↓2 +6
Комментарии 29

Лучший друг киномана: переделываем приложение CBS под Android

Время на прочтение 4 мин
Количество просмотров 9.8K

Любите ли вы сериалы, так как люблю их я? У многих из нас есть друг, который подсаживает на долгоиграющие истории. Лично я не успеваю следить за бесконечным многообразием новинок кинорынка, но с удовольствием прожгу часок-другой у экрана, жаря овощные котлетки после напряженной дизайн-недели. Так о чем я? Каждому хотелось бы иметь верного друга, сообщающего про все киносвежести и эпизодики, чтобы забыть наконец про долгие и изнурительные поиски захватывающего фильма для вечера пятницы. Но что если его нет?
There is an app for that!
Всего голосов 11: ↑8 и ↓3 +5
Комментарии 8

Истории

Дайджест продуктового дизайна, апрель 2016

Время на прочтение 14 мин
Количество просмотров 10K
Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-март 2016.

Читать дальше →
Всего голосов 18: ↑16 и ↓2 +14
Комментарии 2

Грабли, эмулятор, аниматор (upd@21.06)

Время на прочтение 12 мин
Количество просмотров 8.6K
Недавно я занялся поиском хорошего инструмента для создания прототипов и анимации своих идей. В итоге исследование рынка превратилось в пересмотр специализаций инструментов своего арсенала и шлифовкой процесса проектирования нового продукта.
Читать дальше →
Всего голосов 10: ↑9 и ↓1 +8
Комментарии 7

Дайджест продуктового дизайна, март 2016

Время на прочтение 19 мин
Количество просмотров 11K
Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-февраль 2016.

Дайджест продуктового дизайна, март 2016
Читать дальше →
Всего голосов 23: ↑21 и ↓2 +19
Комментарии 3

Конференция DUMP-2016: обзор секции Web-design

Время на прочтение 5 мин
Количество просмотров 2.6K
8 апреля в Екатеринбурге пройдет конференция DUMP. Традиционно мы публикуем обзоры секций от программных директоров.

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

dump2016_сми_3b.png
Читать дальше →
Всего голосов 8: ↑6 и ↓2 +4
Комментарии 0

«Любимый смартфон химика-технолога» или унификация рабочего стола вашего гаджета

Время на прочтение 6 мин
Количество просмотров 16K


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

На самом деле, изначально я планировал описать нестандартный подход к реализации интерфейса одного, не вышедшего за рамки концепта, проекта. Однако, в итоге вышло так, что я замахнулся на великое, константное и незыблемое — концепцию рабочего стола в мобильных устройствах.
Читать дальше →
Всего голосов 16: ↑13 и ↓3 +10
Комментарии 9

Вышел Adobe Experience Design CC (ранее Project Comet)

Время на прочтение 1 мин
Количество просмотров 37K
«Project Comet» доступен для скачивания всем на сайте Adobe под названием Experience Design CC (Preview) v. 0.5. Пока только версия под OS X.

По функциональности не дотягивает до Sketch, но в перспективе думаю допилят и выпустят Windows версию.

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

Всего голосов 6: ↑5 и ↓1 +4
Комментарии 14

Дайджест продуктового дизайна, февраль 2016

Время на прочтение 15 мин
Количество просмотров 12K
Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2015.


Читать дальше →
Всего голосов 25: ↑22 и ↓3 +19
Комментарии 0

Миграция UI-паттернов и жестов. Кто у кого что подтырил

Время на прочтение 5 мин
Количество просмотров 9.3K
После того, как Apple презентовала музыкальный сервис Apple Music, некоторых «внимательных» знатоков смутил новый жест Long Press, использующийся в приложении. Смутил по той причине, что уж больно он похож на андроидовское долгое нажатие, которое показывает контекстные действия и открывает контекстные меню. Но несмотря на то, что жест не является нативным для платформы и не описан в гайдах, он существует в iOS давно, хотя и не пользуется большой популярностью. Не все помнят, что с его помощью можно не только перемещать или удалять иконки на домашнем экране, но и показывать крупные превью в фотоальбоме, получать быстрый доступ к черновикам в почте, записывать аудио-сообщения, видео, делать фото в сообщениях и так далее.



И вот знатоки стали рубить сплеча, утверждая, что Apple увел жест у Android. Но если углубиться в историю яблочных технологий, то можно вспомнить, что в марте 2015 Apple запатентовала Force Touch, появившийся в Apple Watch, а позже реализованный в MacBook с Retina Display. И по-настоящему «внимательные» пользователи должны были догадаться, что этот Long Press есть не что иное, как будущий 3D Touch, который должен был появиться в iPhone 6s и iPhone 6s+. С той лишь разницей, что владельцам винтажных айфонов приходится манипулировать не силой, а продолжительностью нажатия.
Читать дальше →
Всего голосов 14: ↑10 и ↓4 +6
Комментарии 5

Анимация во Framer для начинающих

Время на прочтение 8 мин
Количество просмотров 28K
image

Что такое Framer ?

Framer это программа для создания прототипов, в которой прототип создается сразу в коде, на языке CoffeeScript, который компилируется в JavaScript.

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

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

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

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

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

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

Для создания данной анимации нужно знать 4 вещи: Layer, State, Event, Animation.
Читать дальше →
Всего голосов 6: ↑5 и ↓1 +4
Комментарии 1

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн

Возвращаем к жизни Аську (ICQ). Мнение дизайнера

Время на прочтение 8 мин
Количество просмотров 63K
Есть такой динозавр — ICQ. Вспомнили тот самый звук входящего сообщения? О да! Еще мне сразу вспомнилась учеба в универе: именно тогда я застал расцвет этого мессенджера. Правда, самим клиентом я пользовался другим, кажется, это был QIP. Сейчас уже точно и не вспомню. У Аськи был слишком навороченный интерфейс, мой молодой мозг не мог с ним справиться. А еще были крутые номера, которыми все хвастались. Точнее хвастались количеством цифр в нем. У моего соседа по общаге был 5-значный. И это было круто.



А теперь к делу. Недавно Mail.ru решили организовать конкурс на дизайн мобильного приложения этого клиента. Я решил поучаствовать. Что из этого вышло, смотрите дальше.
Читать дальше →
Всего голосов 44: ↑32 и ↓12 +20
Комментарии 42

Axure 7 для начинающих за 100 минут

Время на прочтение 2 мин
Количество просмотров 72K
Axure — инструмент для создания интерактивных прототипов сайтов и мобильных приложений. Навыков работы с ним часто требуют работодатели, ищущие проектировщика интерфейсов или UX&UI-дизайнера. В России это почти что отраслевой стандарт. Axure 7 — последняя версия программы. Восьмая версия сейчас в бете.

В одной школе интернет-технологий (не упоминаю, чтобы не сочли за рекламу) с мая 2015 года я рассказываю начинающим дизайнерам об Axure 7. В течение 3 часов (минус небольшой перерыв) объясняю, как работают те возможности программы, которые нужны мне для большинства проектов. И закрепляю знания практикой.

Примерная структура занятия:
  • Примеры прототипов;
  • Виджеты, их настройка и расстановка по холсту с помощью сетки, направляющих и выравнивания;
  • Мастера;
  • Динамические панели;
  • Создание интерактива (ивенты, экшены, кейсы, условия);
  • Под конец: способы передачи прототипа заказчику, свойства страниц, стили.

Начинающим тяжело усвоить столько информации, но это базовые вещи для тех, кто с акшурой уже работает. Для улучшения учебного процесса (и чтобы не скучать, рассказывая одно и то же) я перевёл теоретическую часть в формат видео.
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 2

Photoshop, Sketch инструментарий UI/UX-дизайнеров: что выбрать для разработки интерфейсов?

Время на прочтение 5 мин
Количество просмотров 42K
В последнее время вопрос инструментария UI/UX-специалистов стоит очень остро: какое ПО использовать для разработки интерфейсов? Мы в нашей компании также горячо обсуждаем этот вопрос. И дискуссия часто имеют очень острый характер. Что выбрать для работы? Какой редактор более функционален для той или иной задачи дизайнера? Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов. Например, мобильных приложений для управления системами умного дома, полнофункциональных e-commerce систем.
Я не буду первым, кто поднял эти вопросы, но постараюсь дать на них ёмкие ответы. Возможно, моя статья будет интересна начинающим дизайнерам, которые еще не определились окончательно с направлением своей деятельности, или дизайнерам, которые хотят переквалифицироваться из одной специальности в другую.



Подробности
Всего голосов 15: ↑7 и ↓8 -1
Комментарии 36

Дайджест продуктового дизайна, январь 2016

Время на прочтение 16 мин
Количество просмотров 12K
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2015.

Дайджест продуктового дизайна, январь 2016
Читать дальше →
Всего голосов 21: ↑19 и ↓2 +17
Комментарии 0

UX как кунг-фу (пособие для троллинга и корректировки штатного расписания)

Время на прочтение 4 мин
Количество просмотров 5.3K
Не секрет, что в кризис многие компании ищут способы оптимизировать расходы, дабы выжить в данное нелегкое время. Некоторые, как «Елки-Палки» или «Сбарро» — тысячами увольняют сотрудников самой низкой квалификации, которые как раз и приносили максимум прибыли, находясь на самой передовой. Другие же поступают хитрее, выискивая самых неэффективных и малоприбыльных офисных экспертов с размытыми показателями KPI. Дабы поостеречь такие компании от сокращений своих начинающих специалистов по дизайну и будущих гуру от usability, в данной статье будет предложена простая и понятная аналогия между современным дизайном UX и мастерством кунг-фу.

image
Читать дальше →
Всего голосов 30: ↑6 и ↓24 -18
Комментарии 6

Общие принципы в создании мобильных приложений для начинающего UX/UI-дизайнера

Время на прочтение 3 мин
Количество просмотров 65K


Привет! После предыдущих моих постов мне часто писали ребята, которые начинают изучать тему UI/UX. Это так классно, спасибо вам! И в этой статье я делюсь принципами, которые будут интересны и полезны новичку.
Читать дальше →
Всего голосов 25: ↑21 и ↓4 +17
Комментарии 23

Дайджест продуктового дизайна, декабрь 2015

Время на прочтение 12 мин
Количество просмотров 10K
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-ноябрь 2015.

Дайджест продуктового дизайна, декабрь 2015
Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Комментарии 0

Вклад авторов