Как я могу изучить пользовательский интерфейс?


Ответ 1:

Если вы - абсолютный новичок в дизайне пользовательского опыта и не знаете, с чего начать

этот курс

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

$ 5

Вы получите прочную основу для того, ЧТО и КАК дизайн пользовательского опыта. Этот концерт научит вас систематическому изучению основных основополагающих концепций UI & UX Design, которые сэкономят вам годы на то, чтобы разобраться во всем самостоятельно.

Вы сможете:

  • Изучите основы пользовательского интерфейса и дизайна UX. Принципы
  • Узнайте разницу между UI и UX
  • Узнайте основы и природу UX Deesigns
  • Изучите ключевые рекомендации для правильных дизайнов мобильных приложений
  • Изучите основные основы дизайна пользовательского интерфейса.
  • Изучите дополнительные советы и уроки для UI & UX Deesign.

Сноски

repreneur_1: я спроектирую пользовательский интерфейс мобильного приложения для android или ios за 5 долларов на www.fiverr.com


Ответ 2:

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

Визуальный дизайн / дизайн пользовательского интерфейса

Визуальный дизайн

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

  • Структура макета: Структура макета является базовой линией для контента сайта / приложения. Размещение текста, изображений, видео, заголовков и т. Д. Охватывается структурой макета. Более того, это навигационный поток, пункты меню и взаимодействие с пользователем, это как ссылки и кнопки. Это требует создания чистых и эстетически приятных визуальных интерфейсов. Кроме того, это самое первое начальное занятие для дизайна пользовательского интерфейса. сделайте вашу структуру более чистой и гибкой в ​​будущем. Должно быть легко принять новое требование в будущем или в текущем процессе.
  • Грид-система: в наши дни многие дизайнеры используют грид-систему. Там нет ничего, кроме столбцов и желоба (пространство между двумя столбцами). 960grid очень известен в прежние времена, но в наши дни доступно много устройств с большим экраном, и в соответствии с этим доступно множество других систем сетки, таких как сетка с 16 столбцами и сетка с 12 столбцами для больших экранов. Это обеспечит вам вертикальную линию. Вы можете выровнять контент в столбцах с одинаковым интервалом и улучшить читаемость сайтов и размещение контента. Однако в нестандартном креативном дизайне об этом никто не заботится. Я также не очень большой поклонник этого. Но вы должны знать о том, как это работает.
  • Информационная архитектура. Таксономия. Когда я обсуждаю информационную архитектуру в визуальном дизайне, я просто думаю о том, как будет отображаться иерархия, если требуется многоуровневая навигация. Также, какие пункты меню или ссылки категории текст будет. В настоящее время таксономия является наиболее важной в визуальном дизайне. Сохраняйте все произведения или язык, которые непосредственно описывают элемент веб-сайта / приложения или элементы действий веб-сайта

Узнайте больше на:

Визуальный дизайн / дизайн пользовательского интерфейса для удобства пользователей


Ответ 3:

UI Design (Дизайн пользовательского интерфейса)

- все о выборе правильных элементов интерфейса, таких как текстовые поля, кнопки, флажки и выпадающие списки, для создания материальных интерфейсов, которые пользователи могут легко понять и легко использовать. В небольших компаниях дизайнеры пользовательского интерфейса могут проводить весь процесс от потоков пользователей до высококлассных макетов; В крупных компаниях они, скорее всего, больше специализируются на определении макета приложения или веб-сайта (это то, что мы называем «Sketch» ​​или «Wireframing»).

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

другой пост

для вашего чтения.

Как стать дизайнером UX?

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

1. Получите образование

Это не означает, что вы должны инвестировать в университет, но формализованное образование не повредит. Есть майское высшее образование

UX курсы и программы

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

Если вы «ученик на протяжении всей жизни», другими словами, если вы уделяете внимание, вы сможете перенять предыдущий опыт и применить извлеченные из них уроки к вашей новой ситуации. Это важнее для меня, чем конкретные навыки, которые вы можете получить в школе ».

Вот полный список

рекомендуемые книги

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

Генеральная Ассамблея

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

DesignLab

- Авторизованная дизайнерская программа, которая объединит студентов с опытными наставниками. Их курсы варьируются от 4 до 6 недель и стоят около 300 долларов.

Udemy

- Как конкурент Lynda, их цена перед курсом делает его отличным дополнением к образованию дизайнера. Там есть несколько бесплатных вводных курсов.

Линду

- Все курсы на сайте имеют хорошую репутацию, поэтому вам необходимо подписаться, прежде чем получить к ним доступ. Существует 10-дневная бесплатная пробная версия, и цены начинаются от 25 долларов в месяц.

Основы UX Design

- Это от Tuts Web Design, состоящего из шестнадцати 2-часовых уроков за плату 15 долларов.

Прототип быстрее, умнее и проще с Mockplus

Начни БЕСПЛАТНО

Ученик UX

- Бесплатные курсы и учебные ресурсы для всех, кто хочет изучить основы.

Помимо статей и онлайн-курсов, вы также можете участвовать в сообществах дизайнеров, начиная от сайтов визуального дизайна, таких как

Behance

и

Dribbble

, для более всеобъемлющих сайтов, таких как

UX Magazine

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

Больше сайтов и блогов

чтобы вы получили образование.

2. Воспользуйтесь преимуществами правильных инструментов

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

рекомендуемые инструменты

:

Axure

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

Justinmind

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

Balsamiq

Основанная бывшим старшим инженером Adobe в 2008 году, Balsamiq стала одним из лучших провайдеров программ каркасного моделирования в отрасли. Как гласит реклама «Жизнь слишком коротка для плохого программного обеспечения», Balsamiq Mockup позволяет создавать простые элементы и быстро создавать дизайн для веб-сайтов и мобильных приложений. Он может иметь верхний предел качества создаваемых макетов, а отсутствие окна шаблона является еще одним недостатком.

InVision

InVision - это американская компания, которая использует множество полезных опций настройки и импорта из Marvel, включая больше возможностей для совместной работы. Особенностью является то, что вы можете поделиться готовыми макетами с помощью встроенного инструмента LiveShare, который более эффективен, чем отправка файла .PDF. Хотя это приложение для просмотра совместимо только с устройствами iOS, такими как iPhone и iPad, без поддержки Android и Windows Phone.

Mockplus

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

визуализированные взаимодействия

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

образовательное предложение

ждет свежих мыслей.

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

Инструменты тестирования A / B

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

A / B Test Master

,

Интуиция

,

Майна

,

UsabilityTools

,

Инструменты веб-аналитики

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

Гугл Аналитика

мой инструмент выбора.

Инструменты обратной связи с пользователями

, которые позволяют собирать информацию о пользователях и отзывы. Некоторые общие инструменты включают

Механический турок

,

UsabilityHub

и

Ethnio

,

3. Найдите себе наставника

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

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

как найти своего наставника по дизайну

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

4. Получить опыт и нанять

Никто не может стать успешным UX-дизайнером, не создавая вещи. Почти каждый UX-дизайнер начинает с некоторых занятий, чтобы практиковать свои навыки. Вот где онлайн-портфолио пригодится. Точно так же, как у дизайнера пользовательского интерфейса будет портфолио A3, в котором будут представлены плакаты, логотипы и футболки, разработанные им самим, вам нужно представить примеры ваших созданных результатов.

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

Нижняя граница

Наконец, вот цитата, написанная Иваном Глассом, чтобы поделиться со всеми людьми, которые планировали или просто хотели проникнуть в мир UX. Наслаждаться поездкой!

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


Ответ 4:
  • Понять вашего пользователя. Кто они, какие у них проблемы и как пользовательский интерфейс может помочь решить их проблемы.
  • Определите проблему. Напишите сценарий, в котором пользовательский интерфейс участвует в их повседневной работе.
  • С бумагой, карандашом и сеткой для рисования. Создайте контекстные экраны пользовательского интерфейса (мобильный, планшетный ПК, рабочий стол) для шагов в вашем сценарии

Эскиз: бесплатные каркасные листы

Sneakpeekit Sketch Sheets

Sketchsheets - готовые к печати шаблоны эскизов для UX-дизайнеров

15 Creative & Free UI / UX для печати каркасов

4. Помещает эти эскизы в интерактивный прототип с помощью приложения InVision

InVision | Цифровой дизайн продукта, рабочий процесс и сотрудничество

Приложение POP Marvel

Превратите эскизы в прототипы iOS и Android

5. проверить ваше решение с пользователем.

6. Повторяйте до бесконечности, пока не станете быстрее

На этапах 3 и 4 можно добавить более сложное программное обеспечение, такое как XD, Sketch, Figma, onmigraffle, framer.js, known.studio и т. Д., Но в своей основе более высокая точность должна основываться на ранних набросках, которые проверяются вашими пользователями.

Если не получится, начните сначала! И если вам нужно больше практики, начните DailyUI.

Ежедневный вызов дизайна пользовательского интерфейса, вдохновение и ресурсы

Удачи.


Ответ 5:

Первое первым:

UI / UX не мой домен.

Я разработчик полного стека.

По мне,

  • Пройди через чужую работу. Ежедневно начинайте серфить через Awwwards Awwwards - Website Awards - Лучшие тенденции веб-дизайна. Это веб-сайт, который включает лучшие произведения по всему миру.
  • После нескольких дней выполнения пункта 1 вы начнете понимать, что вы стали творческим человеком, потому что у Awwwards есть несколько смехотворно хороших творений для получения вдохновения.
  • Теперь, если вы прошли пункты 1 и 2, просто скачайте adobeXD. Да правильно! adobeXD, ни Adobe, иллюстратор, ни Adobe Sketch. Поскольку adobeXD - самая легкая версия и бесплатное программное обеспечение там. Для новичков очень полезно знать основные функциональные возможности всех программ для пользовательского интерфейса, вам просто нужно провести много времени с adobeXD.
  • После знакомства с программным обеспечением. Начните разработку SVG и каркасов.
  • Если вы хотите играть с SVG, тогда продолжайте. HereUndraw.com для продажи является специализированным и бесплатным сайтом, с которого вы можете скачать и создать что-то новое. И это абсолютно бесплатно.
  • В конце вы будете готовы передать любое программное обеспечение для пользовательского интерфейса, представленное на Маркете.

ПРИМЕЧАНИЕ: ЕСЛИ ВЫ ХОТИТЕ УЗНАТЬ ЧТО-ТО, БОЛЬШЕ ВАЖНО, ЧТОБЫ БЫТЬ ПАЦИЕНТОМ И ПОСТОЯННЫМ В ТО ЖЕ ВРЕМЯ.

ИЗВИНИТЕ ЗА МОЙ ПЛОХОЙ АНГЛИЙСКИЙ

И НЕ ЗАБУДЬТЕ ГОЛОСОВАТЬ.

Toodles!


Ответ 6:

Вы должны научиться, прежде чем вы сможете практиковать и освоить

Изучите основы дизайна, цвета, типографику, макеты, сетки. Понять их.

Вы должны изучить инструменты для визуализации ваших идей. Итак, приобретайте жидкость в необходимых инструментах, как Photoshop / Sketch / Xd. Развивайте свое дизайнерское мышление, попробуйте воссоздать сайт.

Существует множество сайтов, таких как Udemy, каналы YouTube, где вы можете изучить дизайн пользовательского интерфейса.


Ответ 7:

Начните с бесплатных видео YouTube или курсов о визуальном дизайне -

DesignerUp

Такие вещи, как теория цвета, типография и визуальная иерархия.

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

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

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

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

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

Master Design UI / UX

Вы изучите весь цикл проектирования UI / UX, а также получите индивидуальное наставничество, а также скидки на лучшие ресурсы для дизайнеров, такие как 50% Sketch App, Iconjar и другие.