Советы по созданию пользовательских интерфейсов и оптимизации пользовательского интерфейса

Question

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

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

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

Основной вопрос: Как создать интерфейс, который вызывает пользователь покупать/использовать ваши услуги

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

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

Answer 1

книга

прочитанное Стива Круга: Don't Make Me Think: A Common Sense Approach to Web Usability

Answer 2

Лучший кусок советы ИМХО:

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

Answer 3

Придерживайтесь некоторых стандартных UI Принципы проектирования:

1. Принцип структуры: Ваш дизайн должен организовать пользовательский интерфейс целенаправленно, в значимой и полезные способы, основанные на четких, согласованных моделях, которые являются явными и узнаваемыми для пользователей, положив связанные вещи и , разделяющие несвязанные вещи, отличаясь разнородными вещами и делая подобные вещи похожими друг друга. Принцип структуры связан с вашей общей архитектурой интерфейса пользователя .
2. Принцип простоты: Ваш дизайн должен сделать простой, общие задач просто сделать, общение ясно и просто в собственном языке пользователя, и обеспечивая хорошие ярлыков, которые значительно связаны с более длинными процедурами.
3. Принцип видимости: Вашего дизайн должны сохранить все необходимые вариант и материалы для данной задачи видимой, не отвлекая пользователя постороннему или избыточной информации. Хорошие проекты не подавляют пользователей слишком большим количеством альтернатив или путают их с ненужной информацией.
4. Принцип обратной связи: Ваш дизайн должен информировать пользователей о действий или интерпретации, изменения состояния или состояния, а также ошибки или исключения, которые актуальны и по интерес для пользователя через ясно, кратким, и недвусмысленный язык , знакомый пользователям.
5. Принцип толерантности: Ваш дизайн должен быть гибким и толерантным, снижением стоимости ошибок и злоупотреблений, позволяя погубил и переделки, а также предотвращение ошибок везде, где это возможно с помощью терпя разнообразные входы и последовательности и путем толкования всех разумных разумных действий.
6. Принцип повторного использования: Ваш дизайн должен повторно использовать внутренние и внешние компоненты и поведение, поддержание согласованности с целью , а не просто произвольной последовательности, тем самым уменьшая необходимость для пользователей, чтобы переосмыслить и запомнить.

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

Я всегда считаю, amazon очень хорошо держать занимаются на сайте пользователя, показывая соответствующие рекомендаций, what other people are looking типов рекомендаций, people who bought this also bought this вида рекомендаций.

Другой хорошо читать: What should a developer know about interface design usability and user psychology

Кроме того, Good Read на UI соображений дизайна сайтов электронной коммерции.

Answer 4

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

Несмотря на то, что вы можете прочитать многочисленные книги, которые вы можете прочитать, и «рекомендации», которые вы можете отслеживать (и должны быть на начальных этапах проектирования), никакое количество обучения в книгах не может заменить реальные взаимодействия с пользователем.

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

Как только у вас будет определенный уровень прототипа, принесите его в место, где ppl имеет тенденцию быть (и где у вас есть доступ к i-net при необходимости). Я нашел Starbucks отличным для этого. Возьмите некоторый ppl и спросите, можете ли вы иметь 10 минут своего времени - вы найдете множество желающих участников. Предоставьте этим людям простой/конкретный сценарий, чтобы завершить свой прототип, посмотреть и узнать.

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

Испытайте это в течение нескольких недель, и вы быстро обнаружите идеальный дизайн. Как только у вас есть что-то, что ppl может использовать и найти значение, вы готовы получить его вживую. Но тестирование не должно заканчиваться там - как только вы живете, вам следует продолжить тестирование и настройку через A/B и многовариантное тестирование, внимательно следя за аналитикой и поведением пользователей.

Испытания Discovery последовали за непрерывным A/B, позволяющим вам постоянно настраивать, тестировать и учиться и в конечном итоге создавать наилучшее возможное решение.