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

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

Время на прочтение 3 мин
Количество просмотров 65K
Всего голосов 25: ↑21 и ↓4 +17
Комментарии 23

Комментарии 23

И тогда остается пустое, незаполненное пространство.

вселенская проблема дизайна – Заполнить Пространство.
Природа боится пустоты (С) Аристотель
Когда эта фраза вырвана из контекста, то да!
«Вы знали, что клавиатуру в iOS по-хорошему сворачивать нельзя, если она появляется по умолчанию, а в Android можно? И тогда остается пустое, незаполненное пространство.»

В этом контексте я не имела в виду, что это плохо. Но честно, при проработке макетов, я не учитывала это пункт и пропускала мимо, а это неправильно. И решила, что кто-нибудь делает так же, хотя не стоит :)
всё равно, экранную клавиатуру в iOS можно в любой момент свернуть и развернуть, используя хардварную bluetooth клавиатуру
Алан Купер в своей книге «Об интерфейсе» писал о необходимости проектирования интерфейсов для середнячков. А что делать с новичками? Делать их середнячками.

А то Onboarding.
Я вот вообще не в UX/UI, но позволю себе откомментировать. Возможно текст ниже является эффектом Даннинга — Крюгера:

* Обучение (Onboarding)
Бесполезно. Во-первых, никто не читает эти слайды, во-вторых они мешают добраться до приложеньки, в-третьих — воспринимаются не как обучение, а как реклама:
«Ваши файлы в безопасности» — очень «полезный» «совет»

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


* Методические рекомендации (guidelines)
Итак, прежде чем делать приложение одной компании, стоит посмотреть, как оно реализовано у других.

Может не у других, а в guidelines все-таки? И, уж простите, совет на уровне КО

Смысл совета про Шрифт (iOS) я не вообще не понял. Ну разные немного и что?

Про андроид тоже — так надо зашивать или везде использовать дефолтный?

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


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

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

Надеюсь, что всё же ваши пожелания будут учтены и эту функцию будет возможно убрать в настройках :)
Я тоже хотел бы, чтобы дизайнеры и программисты помнили, что еще не все люди, которые работали с Windows 3.11, вымерли. То есть я хочу сказать, что некоторым ПРИЯТНО ДУМАТЬ, а не только ПОЛЬЗОВАТЬСЯ.
Агрессивная «дружественность» интерфейса последнее время просто дико бесит!


Поддерживаю. Я не хочу разговаривать с роботом. Это наводит на мысль, что компьютер думает сам. А что, если он деньги не на тот счет переведет?
Тут недавно писали о людях с нарушениями цветовосприятия. Эта болезнь известна давно и неплохо изучена. Но давайте также не забывать о людях, у которых самые разные (в том числе — легкие, а потому часто остающиеся без формального диагноза) степени расстройств аутического спектра. Напомню, что это не обязательно те, кто не разговаривает или все время сидит и качает из стороны в сторону. Это еще и множество тех, чье состояние называют HFA, и кто обладает обостренным восприятием деталей (в том числе — тех самых шрифтов), чувствителен к нарушениям единообразности, симметрии и так далее. А также — к попыткам «задружиться» с ними, которые такие люди считают вторжением в их личное пространство или банальным обманом — ведь приложение не является мыслящим и чувствующим, а потому всякие приветствия и т.п. — это попытка обмануть пользователя, создав у него впечатление, что о нем кто-то заботится и так далее, хотя это всего лишь железка и программа. Если такая заставка работает только во время загрузки — это еще ладно, а если она отнимает время между какими-то действиями, эффект для таких людей противоположный желаемому, они чувствуют, что у них пытаются украсть время и заставить их смотреть какую-то бесполезную хрень. Это злит их и способно сподвигнуть не только на то, чтобы отказаться от приложения, но и объяснить другим, кого они знают, какая это дрянь и обман. А «сухость» для них — это порядок, а не что-то плохое.

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

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

Может не у других, а в guidelines все-таки? И, уж простите, совет на уровне КО
Да, действительно, думаю вы правы. На этот счет есть так же хорошая статья: vc.ru/p/ui-design-yalantis

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

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

Может не у других, а в guidelines все-таки? И, уж простите, совет на уровне КО
Да, действительно, думаю вы правы. На этот счет есть так же хорошая статья: vc.ru/p/ui-design-yalantis

Спасибо за комментарии! Доработать нужно действительно много :)
НЛО прилетело и опубликовало эту надпись здесь
Мне одному кажется что на иллюстрации Борис Ельцин что-то спрашивает у оператора ЭВМ? :)
Как-то пропущен важный момент про планшеты и смену вёрстки при смене ориентации экрана с portrait на landscape
Кто автор первого изображения?
Спасибо, посмотрел всю стену. Талант = )
И про анимацию бы пару слов сказать.
Микровзаимодействия и соответствие ожиданиям.
Собрал у себя небольшую подборку классных примеров — elikov.ru/best-ux-ui-animation.html
НЛО прилетело и опубликовало эту надпись здесь
Прошу прощения, если так выглядит. Вам не понравились примеры? Мне кажется там есть очень оригинальные работы.
Собственно, ищу, реальные проекты, где кто-то реализовывал такие штуки.
Есть ли реальная потребность в такой анимации или достаточно микровзаимодействий.
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре , чтобы оставить комментарий