Как дизайнеры, мы постоянно экспериментируем с разными инструментами и процессами, чтобы найти наиболее эффективные решение. После массы таких экспериментов я выработал свой идеальный рабочий процесс, которыми и поделюсь в этом посте. Дизайн — это процесс, и вариант этого процесса, который я опишу ниже, использовался мной на всех проектах по созданию так называемых “habit-forming” продуктов (т.е. продуктов, формирующих привычки), которые так любят пользователи.
Рубрика «интерфейсы» - 82
Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера
2016-06-10 в 6:33, admin, рубрики: Adobe Photoshop, AxureBalsamiq, Flinto, illustrator, Justinmind, Omnigraffle, Pixate, графический дизайн, дизайн мобильных приложений, интерфейсы, прототипирование, метки: Прототипирование
Как мы увеличили процент регистраций на 68% с помощью дизайна форм
2016-06-10 в 4:32, admin, рубрики: usability, авторизация, веб-дизайн, дизайн интерфейсов, интерфейсы, конверсия, прототипирование, регистрация, юзабилити
Советы и примеры в дизайне форм логина и регистрации.
Казалось бы, что может быть проще формы регистрации и, уж тем более, входа на сайт? Пара полей и кнопка. Но в нюансах этой простоты кроется успешность выполненной работы и количество пользователей вашего сервиса. Как сделать формы проще, процесс приятнее и тем самым снизить количество уходов? Расскажу какими правилами мы руководствовались при разработке нашего сообщества предпринимателей BOSS.ZONE.
Читать полностью »
jQuery 3.0 Final Released
2016-06-10 в 3:59, admin, рубрики: jquery, jquery 3, jquery 3 final, jquery 3.x, веб-дизайн, графический дизайн, интерфейсы9 июня 2016 года состоялся официальный релиз jQuery 3.0, которая была в разработке с октября 2014 года. Нашей целью было создание более легкой и быстрой версии jQuery (конечно, с обратной совместимостью). Мы удалили все старые костыли для IE и использовали некоторое более современное веб API там, где это необходимо. jQuery 3.0 является продолжением ветки 2.x, но с некоторыми изменениями, которые давно хотели внести. Такие ветки как 1.12 и 2.2 будут получать критические патчи в течение некоторого времени, но ожидать новый функционал в них не стоит. jQuery 3.0 — это будущее jQuery. Если вдруг Вам нужна поддержка IE 6-8, Вы можете продолжать использовать релиз версии 1.12.
Дайджест продуктового дизайна, май 2016
2016-06-06 в 12:12, admin, рубрики: usability, Блог компании Mail.Ru Group, веб-дизайн, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайнУже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-апрель 2016.
Что разработчики интерфейсов могут почерпнуть из японских видеоигр начала девяностых
2016-06-02 в 14:13, admin, рубрики: final fantasy, Super Mario, Super Nintendo, веб-дизайн, графический дизайн, графический интерфейс, игры, интерфейс, интерфейсы, компьютерные игры, пользовательский интерфейс, ролевые игры
Я пишу это с лёгкой печалью, пересматривая мои любимые ролевые игры для Super Nintendo, и понимаю:
современный дизайн пользовательского интерфейса избаловал меня.
И это ощущение довольно распространённое. Читатель Hugon на форуме Quarter to Three пишет:
Когда я думаю о консольных RPG, я вспоминаю страницы с весьма неинформативным описанием персонажа и плохой навигацией. И вспоминаю слёзы радости, если в игре было хотя бы самое простое сравнение предметов."
Спасибо, «прекрасный интерфейс».
В прошлом я не слишком придирался к качеству. Когда я сидел сзади в автомобиле папы и ломал клавиатуру Nokia в попытке не позволить змее съесть свой хвост, мне в голову не приходили более глубокие мысли чем: «ага!», «супер!» или «ааааа!».
Впрочем, заново проходить классические игры — не такое уж неприятное занятие. Кроме мест, над проектированием которых явно никто сильно не напрягался, я заметил несколько вещей, которые сегодня используются в очень популярных приложениях.
Читать полностью »
Интерфейсы в реальном мире: проектируем самый адский интерфейс
2016-06-02 в 6:47, admin, рубрики: Rollei 35S, usability, Блог компании Мосигра, интерфейс, интерфейсы, интерфейсы в реальном мире, Монтана, проектируем ад, Роллей, Часы, юзабилити, метки: МонтанаДо прошлой недели абсолютным чемпионом по упоротости интерфейса для меня всегда были мультиварки. Одну из них мы втроём (включая системного архитектора) пытались включить 6 минут, пока не пришла хозяйка. Но нет, этот рекорд тоже оказался побит. Вот это небольшое устройство, знакомое большинству жителей нашей страны, отняло у меня 25 долбанных минут на то, чтобы выставить время. Знакомьтесь, чемпион по когнитивной сопротивляемости:
Сейчас расскажу, какой крови мне это стоило. Ну и сразу – второй чемпион, но на этот раз по дружелюбности инженерного интерфейса:
Давайте начнём с того, что попробуем ещё сильнее ухудшить интерфейс часов выше. Читать полностью »
Устав юного веб-дизайнера на фрилансе
2016-06-01 в 12:54, admin, рубрики: ui-дизайн, веб-дизайн, дизайн мобильных приложений, интерфейсы, начинающим, правила, правила дизайна, прототипирование, рекомендации, типографика, уроки дизайна
Всем привет. Я начал заниматься веб-дизайном 6 лет назад (если считать от самого-самого первого кривого макета для несуществующей туристической компании). Первые 2 года я работал в маленькой студии, потом ушел на фриланс и пока что жив-здоров.
Рекомендации ниже вовсе не аксиомы, не правила, и не обязательны к исполнению. К некоторым я пришел сам, некоторые подсмотрел у других. Что-то я часто не могу сам себя заставить выполнять (отчасти поэтому я решил их выписать и структурировать). Если вы только начинаете заниматься веб-дизайном, вам, скорее всего, пригодится хоть часть и нижесказанного. Если вы уже в деле, ваше мнение приветствуется в комментариях.
И тестовое задание может оказаться интересным
2016-05-31 в 11:23, admin, рубрики: codesign.io, usability, веб-дизайн, графический дизайн, десктопный интерфейс, интерфейс, интерфейсы, макет, оптимизация, тестовое задание, улучшение, юзабилити, метки: codesign.io
Приветствую тебя, центр вселенского разума — Хабр. Сегодня в центре внимания будет ресурс Codesign.io. Ресурс, призванный упростить жизнь дизайнеру и клиенту на стадии согласования правок в макетах любого направления. Не так давно миновал конкурс на позицию UI/UX-дизайнера (удалённо) и я, как скромный профессионал в данном направлении, решил не упускать возможности поучаствовать.
Читать полностью »
Городской дизайн: 4 лекции о создании схем навигации в метро и не только
2016-05-29 в 17:20, admin, рубрики: usability, агенты изменений, алексей радченко, видео, дизайн, дизайн для реального мира, игорь скляревский, интерфейсы, киев, лекция, Москва, навигация, схема, транспортная навигация, юрий грановский
Был недавно в Прожекторе, где собрались дизайнеры (руководители проектов) которые занимались улучшением навигации в метро (и не только в метро) в Москве и Киеве.
Из Москвы на эту сессию лекций приехал Алексей Радченко, который руководил разработкой системы единой транспортной навигации для Москвы (и в метро тоже) в 2014 году.
В лекциях пойдет речь о том:
— что такое навигация?
— какой она должна быть?
— как ее сделать удобной и понятной для людей и как ее постоянно улучшать?
— как взаимодействовать со всякими «железобетонными» по образу мысли госорганами, которые отвечают за навигацию?
— примеры дизайна навигации из других городов
— ребята из «Агентов змин» расскажут о том как они создавали схемы навигации для киевского метро
— как работают студии (не Лебедева), которые специализируются на разработке и дизайне навигационных схем для городов?
и о многом другом касательно дизайна городской среды в плане навигации. Лекция сверстана со слайдами, чтобы можно было сразу наглядно видеть примеры того, о чем говорит докладчик.
Лекции будут интересны всем, кто интересуется дизайном вообще, городским дизайном и дизайном навигационных схем в частности. Также лекции будут интересны менеджерам проектов, так как все, что связанно с проектами городского дизайна требует большего искусства в управлении, чем в обычных бизнес-проектах. Чего только стоит постоянная работа с госорганами и утверждение всех проектов в этих ведомствах.Читать полностью »
Техники захвата внимания пользователя — от фокусника и специалиста по вопросам дизайнерской этики в Google
2016-05-25 в 20:43, admin, рубрики: usability, веб-дизайн, вовлечение пользователей уловки, дизайн, дизайн мобильных приложений, дизайн сайтов, интерфейсы, психология, разработка, социальные сетиЯ эксперт в области того, как в технологиях используются слабые места нашей психики. Вот почему я проработал последние три года как специалист Google по этике в дизайне. Моя работа состояла в проектировании ПО таким образом, чтобы защитить умы миллиарда людей от «уловок».
Используя технологии, мы часто оптимистично относимся к тому, что они делают для нас. Но я хочу показать Вам, как можно добиться противоположного результата.
Как технология эксплуатирует слабые места нашего разума?
Я научился так думать, когда был фокусником. Фокусники всегда начинают с поиска слепых пятен, краев, уязвимостей и пределов восприятия, так что они способны влиять на поведение людей, а последние даже не осознают этого. После того, как вы узнаете, как правильно нажимать на эти людские «кнопки», вы можете начать играть на них, будто на фортепиано.
Это я, творящий «волшебство» при помощи ловкости рук, на дне рождения моей матери
Именно это и делают дизайнеры с вашим разумом. Они играют на психологических уязвимостях (сознательно или бессознательно) для того, чтобы захватить ваше внимание.
И я хочу показать вам, как они это делают.
Читать полностью »