В этой статье мы рассмотрим пять областей, о которых вы должны стремиться узнать больше, чтобы окунуться в дизайн интерфейса. К этим полям относятся дизайн опыта, дизайн взаимодействия, информационная архитектура, дизайн, ориентированный на пользователя, и дизайн графического интерфейса пользователя (GUI).
Вступление
Помните, когда веб-дизайнеры создавали сайты или приложения на основе того, что, по их мнению, выглядело хорошо и работало хорошо? Этот мыслительный процесс, хотя иногда все еще осуществляемый, остается в прошлом. Область дизайна интерфейса сосредоточена на пользователе, человеке, который будет фактически использовать интерфейс, а не проектировать для дизайнера.
Дизайн интерфейса не новая концепция. Люди проектировали так долго, как были сделаны продукты. Относительно новые секторы сделали дизайн интерфейса лучше. Давайте внимательнее посмотрим.
Опыт Дизайн
Все, что вы делаете, приводит к опыту, так почему бы не сделать то, что мы делаем более тщательно, чтобы максимизировать этот опыт? Опыт дизайна делает именно это.
Опыт дизайна является относительно новой и новой областью. Как и в любой новой области, мы наблюдаем взрыв использования модных слов в Интернете, но важно понимать, что на самом деле обсуждается. Многие ветераны пользовательского опыта утверждают, что многие люди помечают буквы UX на своих страницах резюме или сервисов, но все еще пытаются определить их.
Дизайн опыта обсуждается в блоге A List Apart Бобом Джейкобсоном. Он утверждает:
Опытные дизайнеры стремятся создавать впечатления, которые производят желаемое восприятие, познание и поведение среди «пользователей», «клиентов», «посетителей» или «аудиторий» их клиентов. В рубрике «опыт-дизайн» дизайнеры многих специальностей успешно работают друг с другом и с не-дизайнерами.
Уитни Хесс, замечательный консультант по пользовательскому опыту, написал отличную статью, разоблачающую 10 распространенных мифов, связанных с дизайном пользовательского интерфейса . Если вы новичок в идее UX-дизайна, то это отличное место для понимания распространенных заблуждений.
Учить больше
- Опыт дизайна по списку друг от друга
- Книга: Опыт Дизайн
- Опыт Дизайн Манифест
- Дизайн пользовательского интерфейса для начинающих, промежуточных или экспертов?
- Подкаст полезности от UIE
Интерактивный дизайн
У дизайна взаимодействия, как и у IA, есть связанная организация, называемая Ассоциацией дизайна взаимодействия (IxDA). IxD часто называют полем, побуждающим пользователей к определенному действию. Эта цитата с их сайта:
«Разработчики взаимодействий стремятся создавать полезные и полезные продукты и услуги. Следуя фундаментальным принципам ориентированного на пользователя дизайна, практика проектирования взаимодействий основана на понимании реальных пользователей — их целей, задач, опыта, потребностей и желаний. дизайн с ориентацией на пользователя, стремясь сбалансировать потребности пользователей с бизнес-целями и технологическими возможностями, разработчики взаимодействий предлагают решения сложных задач проектирования и определяют новые и развивающиеся интерактивные продукты и услуги «.
Поскольку новые интерфейсы представили новые проблемы для решения этой области выросла. IxD эволюционировал, чтобы облегчить взаимодействие между людьми и средой, в которой они взаимодействуют. Обычно IxD имеет дело только с взаимодействиями между пользователями и компьютерами, которые обычно называют взаимодействием человека с компьютером.
Некоторые основные концепции, на которых сосредоточены разработчики интерактивного взаимодействия, включают в себя целеустремленный дизайн, «интерфейс как волшебство», удобство использования и обучаемость. Проект, ориентированный на достижение целей, понимает, что существуют ограничения во взаимодействии, и должен сформулировать решение. Когда кто-то посещает веб-сайт, у него есть цели, которых он хочет достичь. IxD понимают эти цели и помогают обеспечить их легкое достижение.
Идея «интерфейса как волшебства» легко объясняется тем, что лучших взаимодействий не существует, они не заставляют пользователей думать и просто работают. Юзабилити характеризуется как легкость попыток людей достичь цели. Обучаемость состоит из знакомых понятий. К ним относятся вещи, которые вы обычно делаете в своей ОС и в Интернете, будь то закрытие окна или прокрутка страницы вниз.
Учить больше
- 43 Основные элементы управления для веб-приложений
- Yahoo! Библиотека шаблонов дизайна
- Полное руководство для начинающих по дизайну взаимодействия
- EightShapes Unify Resources
- Книга: о лице 3: основы дизайна взаимодействия
- Джон Колко о дизайне, который меняет поведение человека
Информационная архитектура
IA был описан как оптимизация для мышления людей. Объяснение информационной архитектуры в последнее время гудит от конкурса Explain IA, организованного Институтом IA. Великолепные записи, которые появлялись, могли, вероятно, лучше объяснить ситуацию, чем я.
Информационная архитектура — это процесс, который в значительной степени может остаться незамеченным для неподготовленного, если все будет сделано хорошо. Однако, если этого не хватает, то разочарование, которое оно может вызвать, очевидно. Информационные архитекторы организуют информацию. Институт IA определяет это как: «Искусство и наука организации и маркировки веб-сайтов, интранет, онлайн-сообществ и программного обеспечения для поддержки удобства использования и поиска».
Но что именно они делают? Они исследуют аудиторию и бизнес. Важно узнать как можно больше от пользователей и заинтересованных сторон. Они могут сделать это с помощью сортировки карт , юзабилити-тестов и опросов пользователей. Используя полученные знания, они затем анализируют данные. На этом этапе ИА работает рука об руку с дизайнерами и разработчиками, чтобы помочь реализовать цели, достигнутые в результате исследований. Наконец, простыми словами, они разрабатывают метки, навигацию и структуры сайта. Они делают это с помощью карт сайта, диаграмм потоков сайта и каркасов, чтобы помочь проиллюстрировать, как сайт будет работать с практической точки зрения.
Учить больше
- Полное руководство для начинающих по информационной архитектуре
- Информационная архитектура 2.0
- Книга: информационная архитектура для всемирной паутины
Пользовательский Центр Дизайн
Ориентированный на пользователя дизайн — это процесс проектирования, который учитывает пользователя на каждом этапе пути. Он включает в себя многие другие области, которые я описываю в этом посте, но в целом это техника, которая охватывает планирование от сайта до написания контента, ориентированного на потребности ваших пользователей.
Процесс может включать планирование вашего сайта, сбор данных от пользователей, разработку прототипов, написание контента и проведение юзабилити-тестирования с пользователями. Usability.gov описывает первый шаг, который включает в себя четкое определение вашей организации и потребностей пользователей, целей и задач. С учетом всего этого, задокументированного и имеющего в виду, дизайн больше не принимает форму того, что дизайнер воспринимает как то, что пользователи могут думать, а вместо этого то, что пользователям действительно нужно.
В своем блоге Ченнидд Боулз проводит четкое различие . Опасность убеждения при сравнении дизайна, ориентированного на пользователя, с дизайном убеждения. Он приводит отличный пример, когда говорит, что UCD стремится повысить эффективность работы пользователей и, в свою очередь, создаст больше сарафанных рефералов. Цель состоит не в том, чтобы стимулировать трафик через маркетинг, где результаты намного легче измерить. Конечно, это отсутствие аналитики часто создает среду, в которой трудно продавать UX .
Учить больше
- Usability.gov Ориентированный на пользователя дизайн
- Ориентированный на пользователя дизайн (UCD) — 6 методов
- Опасности убеждения
Разработка графического интерфейса пользователя (GUI)
Кто-то должен принять все исследования и обоснованные дизайнерские решения и сделать их привлекательными и целевыми, верно? Первое, о чем многие думают, когда рассматривают GUI, могут быть интерфейсы будущего, изображаемые в таких фильмах, как Iron Man или Minority Report .
Однако графический интерфейс пользователя не просто состоит из графического дизайна. Он объединяет все идеи, охватываемые другими областями, в окончательный (надеюсь, полезный) интерфейс. Графический дизайн пользовательского интерфейса выполнил очень важный аспект дизайна интерфейса, именно здесь интерфейс создан и предназначен для взаимодействия пользователей с большим количеством способов, чем просто набор текста. Графический интерфейс, предопределенный другими полями, объединяет конечный проект для просмотра пользователями.
Классическим примером дизайна GUI является одна из операционных систем. Пользователь взаимодействует с приложением, которое взаимодействует с операционной системой, которая взаимодействует с аппаратным обеспечением, и наоборот. Эта серия взаимодействий стала возможной благодаря GUI.
Учить больше
- Должны ли дизайнеры пользовательского интерфейса создавать то, что они проектируют?
- Разделение юзабилити и визуальных эффектов
Заключительные мысли
Я хотел бы оставить вас с этой мыслью Люка У., найденной на InspireUX :
Дизайнеры проводят большую часть своего времени в размышлениях о проблемах извне. В отличие от подходов «наизнанку», которые являются типичными задачами корпоративного бизнеса, эта методология ориентирована на точку зрения клиентов и конечных пользователей при анализе и разработке решений. Применение этой перспективы к стратегической работе создает более подлинную актуальность ».
Когда вы приступите к следующему проекту по разработке интерфейса, я призываю вас подумать о каждом шаге, который вы делаете. Спросите себя, в каких областях вы могли бы узнать больше о том, как сделать ваш интерфейс более эффективным.