Как реализовать пользовательский интерфейс для не-компьютерных подков?

Question

Я поддерживаю веб-приложение, которое используется пользователями, возраст которых составляет 40-65 лет. Это очень хорошее приложение, в котором есть последние новинки ajaxy и т. Д. То, что мы сейчас называем очень удобным и отзывчивым. Я поражен тем, как это приложение не так удобно для этой пользовательской базы. Мне сказали, что некоторые функции автозаполнения делают их дезориентированными !! Кроме того, случается много случайных щелчков, они иногда говорят: «Это не происходит!» тогда я понимаю, что один из обязательных флажков не был нажат. Надеюсь, я прояснил сценарий.

Может ли кто-нибудь подсказать мне ресурсы / советы для этого? Это не так много, как проблема доступности.

Answer 1

Не заставляй меня думать

как библия, обязательно читать лекцию

Answer 2

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

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

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

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

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

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

Answer 3

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

Мои два цента: сделать интерфейс совместимым с тем, с чем уже знакома возрастная группа (возможно, Microsoft Office).

Answer 4

Как вы уже заметили, над Юзабилити проделана тонна работы, и даже есть инструменты для тестирования вашего сайта и т. Д.

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

Если у вас есть небольшая выборочная группа для тестирования, вы увидите, что многие вещи, о которых пользователи уже сообщили, происходят, а другие нет. Может случиться так, что только несколько пользователей (или один громкий пользователь!) Будут дезориентированы с автозаполнением, или это могут быть все они. Или они могут научиться использовать автозаполнение ...

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

Answer 5

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

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

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

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

Answer 6

Некоторые конкретные советы для конкретных проблем, которые вы упоминаете:

• Автозаполнение: Дезориентация может возникнуть в результате автозаполнения, если это означает спонтанно появляющийся выпадающий список, панель, диалог или страницу, отвлекающие пользователей от того, что они печатают. Рассмотрите возможность использования фиксированного списка или панели для отображения параметров автозаполнения.

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

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

• «Не идем!»: Похоже, вам нужна лучшая обратная связь о состояниях ошибок, чтобы пользователи сами могли понять, что они что-то упустили. Попробуйте выделить поля без ответа и представить текст директивы (например, «Выберите одно из них ->»). Или рассмотрите возможность перехода пользователя на страницу, содержащую только полей без ответа для заполнения.

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

Answer 7

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

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

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

Одна заключительная мысль: небольшое образование может иметь большое значение. Вполне возможно, что вы хотите как-то объяснить своим пользователям, как заполнять веб-формы. Это может быть своего рода отговоркой: «Проблема не в моем приложении, а в пользователях!» :) Тем не менее, если ваши пользователи будут использовать веб-приложения, отличные от ваших, лучше всего обучить их общепринятым правилам веб-форм, чтобы они не разочаровывались.

Answer 8

Меня часто отвлекают функции автозаполнения. Я довольно хороший машинистка, и я обычно печатаю, думая о слове и позволяя моим пальцам делать все остальное. Если я могу просто напечатать что-то вроде «ресторан», это довольно просто. Если мне нужно набрать «r», затем «e», затем «s», затем «t», затем «a», а затем выбрать «ресторан», это гораздо больше умственных усилий; Точно так же, если я должен сделать что-то особенное, чтобы не вводить "Restauranturant", это боль.

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

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

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

Помните, что вы можете создать веб-сайт для работы с людьми. Вы не можете создавать людей для работы с веб-сайтом.

Answer 9

Используйте меньше. Меньшее количество способов взаимодействия означает меньшее количество ошибок. Это не значит, что вам нужно удалять функциональность, просто скрывайте ненужные вещи, пока они не уместны в контексте. Похоже, что GNOME правильно понимает эту часть.

Answer 10

Всего один маленький. Старайтесь изо всех сил соответствовать нюансам пользовательского интерфейса ОС, на которой будет запускаться приложение. Если вы можете сделать это, пользователи «узнают все сразу». Например, Word 2003 похож на Wordpad по причине. По той же причине, по которой планируется (все еще?), Чтобы все аксессуары в Windows 7 использовали интерфейс ленты.

Для меня нет ничего хуже, чем приложение QT, которое было создано кодировщиком Linux и скомпилировано непосредственно в Windows. Если вы ориентируетесь на несколько ОС, убедитесь, что вы внедрили шаблон проектирования, который позволяет вам создавать «совместимые» пользовательские интерфейсы для каждой ОС.