Курсы дизайнер интерфейсов: Профессия дизайнер интерфейсов. Обучение в сервисе Яндекс.Практикум

Сортировать по : Самые последниеСамые полезныеНе полезныеНа худший счет

Будьте первым, кто оставит отзыв.

{{{review.rating_comment | nl2br}}}

25 курсов дизайна UI-UX: онлайн и в классе

Хотите продвинуться вперед в своей карьере дизайнера UI-UX? Смотрите не дальше. Мы собрали лучшие онлайн-курсы и курсы в классе, чтобы улучшить ваше резюме!

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

Начните проектировать hi-fi каркасы с Justinmind уже сегодня!

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

И, как и многие другие занятия в наши дни, многие курсы направлены на то, чтобы быть гибкими, особенно потому, что большинство людей в настоящее время склонны переходить на UX в качестве смены карьеры. Читайте дальше, чтобы найти лучший курс по дизайну UI-UX, который вам подходит!

Онлайн курсы дизайна UI-UX

Дедушка MOOC (Массивные открытые онлайн-курсы), Coursera работает с некоторыми из самых известных университетов и компаний мира, чтобы донести свои курсы до широких масс.Вы найдете курсы по дизайну UI-UX от таких компаний, как Google, IBM и многих других.

Курсы Coursera по UI-UX — это прочные курсы, от UI Design и Interaction Design до Информационной архитектуры и Дизайнерского мышления. Вы будете учиться у ребят из ведущих отраслей промышленности: в Университете Калифорнии в Сан-Диего, Принстоне и Джонсе Хопкинсе проводятся занятия по Coursera. Видеомодули дополнены онлайн-упражнениями, чтобы убедиться, что вы обращаете внимание.

• Продолжительность курса: 4 недели
• Цены: на данный момент все курсы бесплатные, с возможностью оплаты, чтобы присоединиться к «Signature Track» для получения дополнительных льгот.

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

Их модель образования означает, что вы должны быть осторожны в выборе курса, но реакция Forbes, Mashable и Fast Company была положительной.

Курсы Udemy по дизайну UI-UX предоставляют архивные обзоры пользовательского опыта, предназначенные для того, чтобы подготовить вас к профессиональному началу в отрасли.Вы найдете широкий спектр тем курса по дизайну UI-UX, которые охватывают различные глубины изучения, от стратегии проектирования до дизайна мобильных приложений.

Если вы хотите пройти всесторонний курс по дизайну UI-UX, охватывающий все аспекты, мы рекомендуем «Полное руководство по удобству использования и UX».

• Продолжительность курса: около 15 часов
• Цены: оплата за курс, от 19 долларов и выше

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

посещают онлайн-классы, создают онлайн-портфолио своей работы, участвуют в дискуссиях и дебатах и ​​даже могут зарабатывать деньги, вступая в должность учителя. Классы охватывают такие предметы, как HTML, веб-разработка, создание прототипов и, конечно же, UX Design!

Вы можете выбрать специализацию по разработке пользовательского интерфейса, переходу с графического на UX Designer или другим коротким курсам, ориентированным на карьеру. Онлайн-курсы Skillshare по дизайну UI-UX длятся от 1 до 12 часов и предлагаются в виде дружных кусочков, что означает, что даже занятые люди могут уместиться во время учебы.

• Продолжительность курса: 40 минут — 4 часа
• Цены: $ 12 в месяц или $ 8 за годовое членство.

4. Interaction Design Foundation

Существует множество слухов о курсах и ресурсах IDF по дизайну UI-UX. Даже Дон Норман описывает скандинавскую одежду как «золотую жилу информации о дизайне взаимодействия». Цифры столь же убедительны: более 1000 университетов используют ресурсы IDF, и почти 140 компаний подписались на свои учебные материалы.

Так что же они делают, что привлекает так много людей? Разнообразие и глубина. IDF предлагает 34 курса по дизайну UX, все в режиме онлайн и с самостоятельным обучением, по ряду тем, основанных на опыте пользователя.

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

• Продолжительность курса: около 10 недель
• Цены: курсы IDF «бесплатны для членов»; Годовое членство IDF начинается примерно с 13 долларов в месяц. Получите онлайн-сертификацию UX прямо сейчас!

обещает перенести вас от общего новичка до запуска UX портфолио. Их курс UI-UX Design охватывает все, что связано с UX, от исследований пользователей, основ UX, а также различные инструменты, методологии и создание портфолио.

Уже через два месяца они обещают, что вы будете готовы подать заявку на эту первую работу UX.Кроме того, у вас будет регулярный доступ к наставнику по UX, который будет вас сопровождать, и множество возможностей для создания сетевых сетей с другими Springboard UXers. Хорошее введение для начинающих новичков UXers!

• Продолжительность курса: 12 недель
• Цены: $ 499 в месяц за 2-4-месячный курс самостоятельного обучения

Ранее известный как UXtraining, UX Design Institute начал свою работу в 2017 году и является специализированным провайдером тренингов по UX и дизайнерскому мышлению. Сначала они начали с обучения на базе класса в ЕС и Северной Америке, но теперь предлагают углубленные курсы дизайна UI-UX с профессиональной сертификацией.

Их профессиональный диплом UX был разработан совместно с некоторыми из крупнейших имен в технологической отрасли, такими как Mastercard, Hubspot, Dell, SAP, Virgin Media и многими другими. Курс разработан, чтобы дать вам именно те навыки, которые ищут работодатели.

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

• Продолжительность курса: 6 месяцев
  Цены: ожидайте оплату в размере € 2,550

Career Foundry утверждает, что сможет в течение 3 месяцев поднять вас с нуля UX на героя благодаря курсам дизайна UI-UX, которые превращают вас «от начинающего до работающего специалиста». Они даже предлагают вам 100% возврат денег, если вы не получите работу, которую любите, в течение 6 месяцев после окончания учебы!

С такой сеткой безопасности определенно стоит проверить их предложения, которые включают такие курсы, как UI Designer и UX Designer.Курс UX Design предоставляет вам доступ как к наставнику, так и к наставнику, который поможет вам справиться с более чем 60 практическими задачами и научит жизненно важным навыкам в области прототипирования, пользовательского тестирования и проектирования.

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

• Продолжительность курса: 10 месяцев
• Цены: 1 курс из 6 месяцев приходит домой за $ 2499

Treehouse — мечта технического гика.Ориентированная на «демократизацию технического образования», платформа обучения предлагает более 200 курсов по всему, что связано с веб-разработкой и разработкой программного обеспечения.

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

• Продолжительность курса: 40 минут — 3 часа
• Ценник? Начиная с 25 долларов в месяц для базового плана, до 199 долларов для Pro

Pluralsight — это легальная онлайн-школа, предлагающая ИТ-решения, вебинары и блог о последних событиях в мире технологий.Его также используют такие компании, как T-Mobile, Salesforce, Nasdaq и Fujitsu, и это лишь некоторые из них.

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

Этот курс по дизайну UI-UX охватывает все основные основы, такие как дизайн пользовательского интерфейса, информационная архитектура, тестирование удобства использования, каркасные модели, прототипы и проектирование взаимодействия. И угадайте, что? Это идеально подходит для начинающих! Безусловно, стоит побаловать себя, если вы заинтересованы в быстром ускоренном курсе по всем вопросам пользовательского интерфейса и дизайна UX!

• Продолжительность курса: 1 час 6 минут
• Цены: Получите бесплатную 10-дневную пробную версию, которой достаточно, чтобы покрыть этот курс! После этого вы говорите 26 евро в месяц

Если вы ищете интерактивный курс по дизайну UX-UI, то Designlab — ваш сайт.Опытные наставники с таких сайтов, как Basecamp, Dropbox и Nike, проведут вас через интерактивные проекты и предоставят подробные отзывы о работе. Вы даже получаете еженедельный сеанс скайпа с вашим наставником, чтобы поговорить о вашем прогрессе!

Вы можете выбрать один из трех путей: UX Research and Strategy, Interaction Design и UI design. Какой бы вариант вы ни выбрали, от вас ожидают создания профессиональных стандартных результатов и грязных рук в проектах.

• Продолжительность курса: 4 недели
• Цены: Ожидайте потратить около $ 300 за 4-недельный курс

Курсы дизайна UI-UX в классе по всему миру

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

Вам нужно будет пройти три основных курса, посвященных основным аспектам проектирования UX. Эти курсы включают такие предметы, как юзабилити-тестирование, а также 6 дополнительных курсов, которые вы можете выбрать по своему желанию. Это разнообразие позволяет студентам сосредоточиться на любой конкретной области или знаниях, которые им нравятся, и в то же время охватывать основы.

• Продолжительность курса: примерно 1 год
• Стоимость обучения: 1455 долларов США за курс
• Расположение: Waltham, MA

Курс Purdue UI-UX Design — это основной курс, который вы можете выбрать в своей программе «Технология компьютерной графики».Одним из привлекательных пунктов этой программы является практический опыт курса.

К тому времени, как вы закончите курс по дизайну UI-UX, у вас уже будет 3,5-летний опыт работы над реальными решениями для реальных клиентов. Но не волнуйтесь — они не бросят вас в глубокий конец.

В их Learning Studio вы изучите практические приемы, такие как исследования пользователей, в том числе способы решения проблем и разработки прототипов. Затем в «студии опыта» вы сможете применить эти навыки на практике.

• Продолжительность курса: примерно 4 года
• Плата за обучение: 9 992 долл. США (резидент IN), 2 894 долл. США (не резидент IN), 30,94 долл. США (международные резиденты)
• Расположение: Западный Лафайет, IN

Курс Flatiron UI-UX Design — это интенсивный загрузочный лагерь, который обещает подготовить вас к работе всего за 6 месяцев. Этот 24-недельный курс разбит на 5 этапов и идеально подходит, если вы хотите совместить онлайн-обучение и очное обучение.

На этом курсе UI-UX Design вы познакомитесь с теорией, специальными техническими навыками и практическими навыками.вы получите опыт работы в реальной студии, выполнения проектных работ для клиентов, а также сможете разработать собственное портфолио.

Flatiron также обещает дать вам карьерный коучинг с этим курсом, чтобы убедиться, что вы выбрали идеальную карьеру дизайнера UI / UX, которая подойдет вам. Они также помогут вам с поиском работы после этого!

• Продолжительность курса: 24 недели
• Стоимость обучения: 17 000 долларов США
• Расположение: Нью-Йорк, Нью-Йорк

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

Курс также включает в себя множество теорий по проектированию, ориентированному на пользователя, а также развитие практических навыков, таких как быстрое создание прототипов и современные шаблоны пользовательского интерфейса. Что отличает этот курс от многих других, тем не менее, это то, что они также учат вас некоторому коду — ожидайте получить базовые знания в HTML, CSS и Javascript!

Тем не менее, у Eastern Washing есть некоторые входные требования, которых нет у других программ на этом посту.Согласно их веб-сайту, учащиеся должны иметь средний балл не менее 3,0 от их предыдущей школы.

• Продолжительность курса: доступно по запросу
• Обучение: доступно по запросу
• Расположение: Чейни, Вашингтон

Если вы ищете короткий курс по дизайну UI-UX, чтобы получить базовые знания о современных, практичных методах проектирования, то почему бы не попробовать Американский институт графики (AGI)?

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

Новые курсы дизайна UI-UX начинаются каждые 30-45 дней, что дает вам много возможностей для планирования и зачисления. Вы можете начать курс непосредственно в кампусе Бостона или через Интернет — хотя не все сертификационные классы доступны онлайн, что делает обязательным прохождение этого курса в Бостоне.

• Продолжительность курса: 5 недель
• обучения: $ 4800
• Расположение: Бостон, Массачусетс

Курсы дизайна UI-UX в классе в Европе

Школа UX предлагает идеальный вводный курс по дизайну UI-UX, который длится около пяти дней.Тем не менее, курс предлагает студентам большой объем знаний в этот короткий промежуток времени, в дополнение к профориентации и подписанному сертификату в конце.

Помимо обучения работе с инструментами для создания прототипов, Школа UX фокусируется на кодировании и HTML в течение всего дня курса! Лучше всего то, что он подходит для начинающих, что идеально подходит для тех, кто только начинает и не слишком разбирается в основах.

• Продолжительность курса: 5 дней
• Стоимость обучения: £ 699 + НДС, обычный билет
• Расположение: Лондон, Великобритания

2.UX курс Генеральной Ассамблеи

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

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

Курс проверяет все поля: полный учебный план, карьерные услуги и подготовка к работе!

• Продолжительность курса: 10 недель
• обучения: £ 9000
• Расположение: Лондон, Великобритания

3. Университет прикладных наук Европы

Как вы можете себе представить, этот курс по дизайну UI-UX является более сложным, так как он является аспирантом. Вступительные требования включают в себя получение степени бакалавра в соответствующей области обучения и подтверждение достаточного знания английского языка.

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

• Продолжительность курса: 1 год / 2 семестра
• Обучение: доступно по запросу
• Расположение: Берлин, Германия

Курс по дизайну UI-UX от Ironhack является очным, а занятия длятся с 9 до 18 часов каждый день. Он состоит из трех модулей и предлагает студентам целую неделю карьерного роста — вы можете рассчитывать на семинары по собеседованию на работу в UX, подготовке портфолио и множество советов по поиску работы.

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

• Продолжительность курса: 9 недель
• Стоимость обучения: 6000 евро (в кампусе Амстердама)
• Расположение: Амстердам, Нидерланды

5. Брайтонский университет

Работающие студенты радуются — Брайтонский университет предлагает вам возможность пройти курс UI-UX по дизайну полный или неполный рабочий день.Он охватывает все основы, такие как проектирование взаимодействия и методы исследования UX.

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

• Продолжительность курса: 1 год (полный рабочий день)
• Стоимость обучения: 6426 фунтов стерлингов (для граждан Великобритании)
• Расположение: Брайтон, Великобритания

Курсы дизайна UI-UX в Азии в классе

1.Гонконгский политехнический университет

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

Университет поощряет людей с опытом работы в области психологии, визуальных коммуникаций или в любой другой области, связанной с дизайном, подать заявку на курс, если они захотят совершить прыжок веры и инвестировать в карьеру UX-дизайна.

Занятия проводятся в дневное время по выходным, и студенты должны пройти основные курсы, которые охватывают основные аспекты UX-дизайна, но также могут выбирать из списка выборочных занятий.Среди требований для поступления вы найдете рекомендательные письма, диплом бакалавра, письмо о намерениях и подтверждение английского языка.

• Продолжительность курса: 1 год
• Стоимость обучения: 162 000 гонконгских долларов (местный) / 183 600 гонконгских долларов (не местный)
• Расположение: Гонконг, Китай

2. Национальный университет Сингапура

Курс цифрового дизайна UI-UX в Национальном университете Сингапура идеально подходит, если вы ищете введение в UX-дизайн.Он немного короче своих аналогов и длится всего 3 дня.

Тем не менее, в этот короткий промежуток времени вы можете рассчитывать на различные темы: от проектирования, работы с требованиями клиента, анализа, включая этапы проектирования и проверки жизненного цикла разработки UC. Курс дизайна UI-UX также фокусируется на том, как развить эмпатию для ваших пользователей.

Можно рассчитывать на изучение пользовательских примеров и гипотетических сценариев, а также практических семинаров по созданию прототипов.

• Продолжительность курса: 3 дня
• Обучение: $ 2889 для иностранных студентов / $ 866,70 для местных жителей
• Расположение: Сингапур, Сингапур

Сертификат UX и дизайн продукта Singapor Polytechnic привлек наше внимание, потому что это два отдельных дипломных сертификата как в UX design, так и в цифровом дизайне. Здесь студенты получают один сертификат в течение семестра, в общей сложности один год курса.

Для получения сертификата в User Experience Design все кандидаты должны иметь степень бакалавра в аналогичной области или иметь возможность продемонстрировать эквивалентный опыт работы.Вы можете рассмотреть основы UX-дизайна, такие как дизайн-мышление, методы исследования пользователей, а также практические темы, такие как работа в спринте дизайна.

• Продолжительность курса: 1 год
• Стоимость обучения: 5 418,48 долларов США для иностранных студентов
• Расположение: Сингапур, Сингапур

4. Индийская технологическая школа в Бомбее

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

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

Студенты также должны создать и представить большой проект, который будет служить примером знаний, полученных студентом из курса. Звучит захватывающе, не правда ли?

• Продолжительность курса: 2 года
• Обучение: доступно по запросу
• Расположение: Мумбаи, Индия

Если вы ищете гибкость, то сертификат Arena Multimedia в UX Design может быть для вас.Занятия по этому курсу UI-UX занимают два часа и проводятся три раза в неделю. Однако у каждого студента есть возможность увеличить эти часы, чтобы быстрее пройти курс.

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

• Продолжительность курса: 11 месяцев
• Обучение: доступно по запросу
• Расположение: Бангалор, Индия

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

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

Что действительно важно, так это то, что вы получите ценные знания, которые помогут вам построить свое будущее как великого дизайнера UX!

Что такое дизайн пользовательского интерфейса?

Научитесь проектировать с учетом потребностей и ожиданий вашего пользователя, применяя Десять руководящих принципов по пользовательскому интерфейсу Якоба Нильсена и Рольфа Молича. Эти эвристики нашли отражение во многих продуктах, разработанных некоторыми из самых успешных компаний в мире, таких как Apple, Google и Adobe. Дальнейшее свидетельство того, как их проектные группы включают эти правила в процесс проектирования, отражено в руководствах по пользовательскому интерфейсу, опубликованных и распространенных этими компаниями.Эта статья научит вас, как следовать десяти основным правилам в вашей работе над дизайном, чтобы вы могли еще больше повысить удобство использования, полезность и желательность ваших проектов.

Nielsen и 10 руководств по проектированию пользовательского интерфейса Molich

Якоб Нильсен, известный консультант по веб-юзабилити и партнер в группе Nielsen Norman, и Рольф Молич, еще один выдающийся эксперт по юзабилити, в 1990-х годах составили список из десяти руководств по разработке пользовательского интерфейса. Заметьте, что существует значительное совпадение между эвристикой Нильсена и Молича и «восемью золотыми правилами» Бена Шнейдермана.Эти 10 практических правил еще раз повторяют восемь золотых правил Шнейдермана через 4 года после первоначальной публикации Шнейдермана.

• Видимость состояния системы . Пользователи всегда должны быть проинформированы о работе системы с понятным и хорошо видимым статусом, отображаемым на экране в течение разумного периода времени.
• Матч между системой и реальным миром . Дизайнеры должны стремиться отразить язык и концепции, которые пользователи найдут в реальном мире, исходя из того, кем являются их целевые пользователи.Представление информации в логическом порядке и совмещение ожиданий пользователей, основанных на их реальном опыте, уменьшит когнитивное напряжение и облегчит использование систем.
• Пользовательский контроль и свобода . Предложите пользователям цифровое пространство, в котором возможны шаги назад, включая отмену и повтор предыдущих действий.
• Соответствие и стандарты . Разработчики интерфейса должны убедиться, что графические элементы и терминология поддерживаются на одинаковых платформах.Например, значок, представляющий одну категорию или концепцию, не должен представлять другую концепцию при использовании на другом экране.
• Предотвращение ошибок . По возможности проектируйте системы так, чтобы потенциальные ошибки были сведены к минимуму. Пользователям не нравится, когда их заставляют обнаруживать и устранять проблемы, которые могут иногда выходить за рамки их уровня знаний. Исключение или пометка действий, которые могут привести к ошибкам, являются двумя возможными способами предотвращения ошибок.
• Признание, а не отзыв. Минимизируйте когнитивную нагрузку, сохраняя релевантную информацию на дисплее, пока пользователи изучают интерфейс. Человеческое внимание ограничено, и мы способны хранить только около пяти элементов в нашей краткосрочной памяти за один раз. Из-за ограничений кратковременной памяти разработчики должны обеспечить, чтобы пользователи могли просто использовать распознавание, а не вызывать информацию из разных частей диалога. Распознать что-либо всегда легче, чем вспомнить, потому что распознавание включает в себя восприятие сигналов, которые помогают нам проникнуть в нашу обширную память и позволяют всплыть соответствующей информации.Например, мы часто находим формат вопросов с несколькими вариантами ответов проще, чем вопросы с короткими ответами на тесте, потому что он требует от нас только распознать ответ, а не вспомнить его из нашей памяти.
• Гибкость и эффективность использования . С увеличением использования появляется потребность в меньшем количестве взаимодействий, которые обеспечивают более быструю навигацию. Это может быть достигнуто с помощью сокращений, функциональных клавиш, скрытых команд и макросов. Пользователи должны иметь возможность настраивать или адаптировать интерфейс в соответствии со своими потребностями, чтобы частые действия можно было выполнить с помощью более удобных средств.
• Эстетичный и минималистский дизайн . Держите беспорядок к минимуму. Вся ненужная информация конкурирует за ограниченные ресурсы внимания пользователя, которые могут препятствовать извлечению в памяти пользователем соответствующей информации. Поэтому отображение должно быть сведено только к необходимым компонентам для текущих задач, в то же время предоставляя четко видимые и однозначные средства навигации по другому контенту.
• Помогите пользователям распознавать, диагностировать и устранять ошибки .Разработчики должны исходить из того, что пользователи не могут понять техническую терминологию, поэтому сообщения об ошибках почти всегда должны быть изложены простым языком, чтобы при переводе ничего не терялось.
• Справка и документация . В идеале мы хотим, чтобы пользователи перемещались по системе, не прибегая к документации. Однако, в зависимости от типа решения, может потребоваться документация. Когда пользователям требуется помощь, убедитесь, что она легко определена для конкретной задачи и сформулирована таким образом, чтобы помочь им выполнить необходимые шаги для решения стоящей перед ними проблемы.

Google Inc., многомиллиардная технологическая компания, безусловно, производит проекты, отражающие вышеуказанную эвристику. Джон Уайли, главный дизайнер Google Search в 2012 году, однажды сказал:

«Когда я думаю о дизайне и создании отличного пользовательского опыта, я обычно думаю о нем с точки зрения трех вещей: удобство использования, полезность и желательность».

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

Узнайте, как Adobe интегрирует десять руководств по проектированию пользовательских интерфейсов Nielsen и Molich

Adobe Systems Incorporated, крупная североамериканская компания по разработке компьютерного программного обеспечения, является отличным примером того, как проекты, отражающие десять руководств по пользовательскому интерфейсу Nielsen и Molich, могут привести к успеху для компании ,Один из их самых популярных продуктов, Adobe Photoshop, который является редактором растровой графики, обладает характеристиками хорошо разработанного пользовательского интерфейса, отражающего эти рекомендации.

Мы более подробно рассмотрим, как Adobe Photoshop отражает каждое из этих руководящих принципов, чтобы вдохновить вас на улучшение удобства использования, полезности и желательности ваших собственных дизайнов, включив 10 практических правил в вашу собственную работу.

1. Видимость состояния системы

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

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

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

2. Соответствие системы реальному миру

Пример Photoshop, имитирующий реальный мир в терминах и представлениях, которые будут понятны их целевым пользователям, — это то, где они разрабатывают информационную структуру и терминологию для отражения той же формулировки, которую мы использовали бы в мир фотографии или печатных СМИ. Для представления цвета используются знакомые понятия и термины, такие как RGB, Hue / Saturation / Brightness и CMYK, а различные инструменты, такие как инструмент Dodge и Burn, имитируют традиционную технику темной комнаты для фотографий.

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Photoshop Dodge Tool и Burn Tool имитируют традиционную технику фотолаборатории для фотографий

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

В Photoshop используется термин «Экспозиция», который широко используется в мире фотографии.

3. Пользовательский контроль и свобода

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

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Пользователи находятся под контролем, так как они могут сделать шаг назад или шаг вперед в меню «Правка», или в качестве альтернативы они могут использовать сочетания клавиш Photoshop, например, такие как Alt + Ctrl + Z.

4. Согласованность и стандарты

Photoshop поддерживает стандартную компоновку и внешний вид, когда дело доходит до строки меню. Они также используют общеизвестную терминологию, такую ​​как «Новый…», «Открыть…», «Сохранить как…» и т. Д.

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Меню «Файл» в Photoshop отображает множество хорошо знакомых параметров.

5. Предотвращение ошибок

Чтобы пользователи не могли совершать ошибки, Photoshop предоставляет краткое описание или метку инструментов, когда пользователь наводит на них курсор, чтобы убедиться, что пользователи используют соответствующий инструмент для выполнения поставленной задачи.

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Пользователь наводит курсор на значок ластика, и Photoshop отображает метку «Инструмент ластика».

6. Распознавание, а не напоминание

Независимо от того, делаете ли вы выбор из меню художественных фильтров или открываете новый файл изображения, Photoshop предоставляет пользователям пример выбора, чтобы сделать правильный выбор. Это позволяет пользователю визуально распознавать то, что он ищет, вместо того, чтобы вспоминать имя или вводить его для поиска. Возможно, вы сталкивались с другими программами для редактирования фотографий, которые просят вас вспомнить и ввести имя файла, с которым вы хотите работать.Это действительно может быть действительно трудно вспомнить, поскольку это часто что-то с эффектом: 29412_09342.JPG.

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Пользователь может визуально распознать изображение заката по его миниатюре и выбрать его.

7. Гибкость и эффективность использования

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

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Photoshop дает частым пользователям возможность сохранять предпочтительные настройки рабочего пространства.

8. Эстетичный и минималистичный дизайн

Панель инструментов в Photoshop отображает только значки и аккуратно заправлена ​​в сторону, чтобы помочь свести к минимуму беспорядок и сохранить минималистский эстетический вид.

Автор / правообладатель: Adobe Systems Incorporated. Условия авторского права и лицензия: добросовестное использование

Панель инструментов Photoshop минималистична и позволяет избежать беспорядка, представляя инструменты только значками.

9. Помощь пользователям в распознавании, диагностике и восстановлении после ошибок

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

Автор / правообладатель: Adobe Systems Incorporated.Условия авторского права и лицензия: добросовестное использование

В этом сообщении об ошибке, связанной с неправильным использованием пользователем штампа клона, Photoshop объясняет, что пошло не так, причину и почему пользователю следует поступить оттуда.

10. Справка и документация

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

Автор / правообладатель: Adobe Systems Incorporated.Условия авторского права и лицензия: добросовестное использование

В окне отображается информация о том, как создавать ролловеры в контексте веб-графики. Пользователь также может видеть список тем в боковом меню.

10 шагов для улучшения юзабилити, полезности и желательности путем реализации Руководства по проектированию пользовательского интерфейса Nielsen и Molich

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

Скачать PDF здесь .

Take Away

Если вы будете следовать 10 рекомендациям по пользовательскому интерфейсу Nielsen и Molich, вы будете проектировать с учетом удобства использования, полезности и желательности. Так же как дизайнеры успешных компаний, таких как Apple, Google и Adobe, вы сможете поддерживать свои дизайнерские решения с помощью тщательно проработанной эвристики и быть уверенными в создании дизайнов, которые могут быть полезными и красивыми. Чтобы попрактиковаться в распознавании этих 10 практических правил, продолжайте и выполните упражнение, описанное в прикрепленном файле из приведенного выше раздела.

Где узнать больше