Статьи

Начало работы с дизайном интерфейса

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

Эта статья является первым днем ​​нашей сессии по разработке интерфейса . Творческие Сессии


Помните, когда веб-дизайнеры создавали сайты или приложения на основе того, что, по их мнению, выглядело хорошо и работало хорошо? Этот мыслительный процесс, хотя иногда все еще осуществляемый, остается в прошлом. Область дизайна интерфейса сосредоточена на пользователе, человеке, который будет фактически использовать интерфейс, а не проектировать для дизайнера.

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

Все, что вы делаете, приводит к опыту, так почему бы не сделать то, что мы делаем более тщательно, чтобы максимизировать этот опыт? Опыт дизайна делает именно это.

experience design

Опыт дизайна является относительно новой и новой областью. Как и в любой новой области, мы наблюдаем взрыв использования модных слов в Интернете, но важно понимать, что на самом деле обсуждается. Многие ветераны пользовательского опыта утверждают, что многие люди помечают буквы UX на своих страницах резюме или сервисов, но все еще пытаются определить их.

Дизайн опыта обсуждается в блоге A List Apart Бобом Джейкобсоном. Он утверждает:

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

Уитни Хесс, замечательный консультант по пользовательскому опыту, написал отличную статью, разоблачающую 10 распространенных мифов, связанных с дизайном пользовательского интерфейса . Если вы новичок в идее UX-дизайна, то это отличное место для понимания распространенных заблуждений.

У дизайна взаимодействия, как и у IA, есть связанная организация, называемая Ассоциацией дизайна взаимодействия (IxDA). IxD часто называют полем, побуждающим пользователей к определенному действию. Эта цитата с их сайта:

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

IxD

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

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

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

Information Architecture

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

Информационная архитектура — это процесс, который в значительной степени может остаться незамеченным для неподготовленного, если все будет сделано хорошо. Однако, если этого не хватает, то разочарование, которое оно может вызвать, очевидно. Информационные архитекторы организуют информацию. Институт IA определяет это как: «Искусство и наука организации и маркировки веб-сайтов, интранет, онлайн-сообществ и программного обеспечения для поддержки удобства использования и поиска».

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

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

user-centered design

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

UCD diagram

В своем блоге Ченнидд Боулз проводит четкое различие . Опасность убеждения при сравнении дизайна, ориентированного на пользователя, с дизайном убеждения. Он приводит отличный пример, когда говорит, что UCD стремится повысить эффективность работы пользователей и, в свою очередь, создаст больше сарафанных рефералов. Цель состоит не в том, чтобы стимулировать трафик через маркетинг, где результаты намного легче измерить. Конечно, это отсутствие аналитики часто создает среду, в которой трудно продавать UX .

Кто-то должен принять все исследования и обоснованные дизайнерские решения и сделать их привлекательными и целевыми, верно? Первое, о чем многие думают, когда рассматривают GUI, могут быть интерфейсы будущего, изображаемые в таких фильмах, как Iron Man или Minority Report .

Iron Man 2 GUI

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

Классическим примером дизайна GUI является одна из операционных систем. Пользователь взаимодействует с приложением, которое взаимодействует с операционной системой, которая взаимодействует с аппаратным обеспечением, и наоборот. Эта серия взаимодействий стала возможной благодаря GUI.

Я хотел бы оставить вас с этой мыслью Люка У., найденной на InspireUX :

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

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


Эта статья является первым днем ​​нашей сессии по разработке интерфейса . Творческие Сессии