Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Взбодрись & стань супергероем
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
28
Битрикс24

Битрикс24

www.bitrix24.ru

20
Отследить-посылку

Отследить-посылку

B2B-сервис трекинга посылок

16
myPreza

myPreza

mypreza.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Expresso

Expresso

www.expresso.today

9
Reader

Reader

Интернет-журнал о современных технологиях.

7
ADN Digital Studio

ADN Digital Studio

adn.agency

7
Frutra

Frutra

design.frutra.ru

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

Как нужно разрабатывать интерфейсы (e.g. dribbble)

4 117 8 В избранное Сохранено
Авторизуйтесь
Вход с паролем
На этапе основания стартапа кофаундеры часто вынуждены самостоятельно рисовать базовые UI/UX-прототипы, отражающие логику и поведение бизнес-модели. Мы написали примерный мануал о том, как это делать.

Станьте наблюдателем на dribbble

Хорошие художники копируют — великие художники воруют (Пикассо)

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

b_550bfc8b1e0e7.jpg

Полистайте контент dribbble с помощью базовых тегов: ui, ux, ios, web, landing. Влюбитесь в красоту интерфейсов. Вы вдохновитесь и поймете то, что действительно нужно пользователям.

b_550bfc7d2e849.jpg

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

Анализируйте поведение приложений и сайтов

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

b_550bfe1f9a381.jpg

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

Загрузите базовые psd-мокапы

Есть отличные ассеты и киты для iOS 7/8 от Teehan+Lax, Oz Pinhas etc.

Копируйте готовые стандартные контролы, берите за основу базовые размеры, отступы, пропорции и направляющие.

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

b_550c00a1d3013.jpg

Помните Оккама

И это очень важно (!)

Не плодите новых сущностей без достаточной на то надобности.

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

b_550c01d2641f9.jpg

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

Открывайте для себя красивые сервисы

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

b_550c03b2b64f1.jpg

Смотрите ролики и фильмы о дизайне

Этот ролик под названием Intention от Apple - отличный способ понять суть.

Вы обязаны посмотреть фильм "Гельветика" и "Промышленный дизайн" авторства Гари Хаствита.

Жму руку тем, кто дочитал до конца. Проводите время с пользой.

+9
Первые Новые Популярные
GML
Сервис организации ваших интернет линков
GM2mars
Могу лишь добавить pinterest поиск по тегам: UI, UX
Ответить
Rocket
Взбодрись & стань супергероем
Mark Rocket
Ну да. Упрощали. Безусловно. Спасибо за дополнение ;-)
Ответить
Okkama
Блог о быстром старте проектов
Евгений Болтян
На дрибле к сожалению очень много просто красивых картинок. А интерфейс - это как ген план, там должно быть все продумано до мелочей.
Ответить
Rocket
Взбодрись & стань супергероем
Yaroslav Levishchev
Никто не призывает смотреть просто красивые картинки. Призыв в том, чтобы смотреть шоты pro-дизайнеров.
Ответить
Okkama
Блог о быстром старте проектов
Евгений Болтян
Новичку сложно понять кто про дизайнер,а кто нет. Я имею ввиду именно уровень, качество интерфейсов и т.д.

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

Портфолио http://dribbble.com/roling и https://www.behance.net/RonEvgeniy
Ответить
Synaptic tree
Удовольствие быть эффективным
Кристиан Лаеда
Статью нужно было назвать "Как убедить себя в том, что вы что-то понимаете в дизайне и потом трахать этим мозги подрядчику". Люди годами учатся, а вы тут предлагаете поглядывать на чьи-то работы...
Ответить
yulian
Для молодого стартапа как раз все отлично, чтобы не нанимать дорогого дизайнера
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать