Каковы некоторые основные принципы дизайна интерфейса? [закрытый]

DELETE  i1.*
FROM    items i1
LEFT JOIN
        (
        SELECT  id
        FROM    items ii
        ORDER BY
                id DESC
        LIMIT 20
        ) i2
ON      i1.id = i2.id
WHERE   i2.id IS NULL
5
задан ProgrammingPope 10 September 2009 в 16:00
поделиться

15 ответов

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

  • Создайте четкую визуальную иерархию.
  • Соглашения - ваш друг.
  • Веселые разговоры должны умереть.
  • Инструкции должны умереть.
  • Четыре причины, почему я люблю вкладки.
  • Проблема с ролловерами.
  • Фермеры против скотоводов.
  • Миф об «Среднем» пользователе.
8
ответ дан 18 December 2019 в 05:18
поделиться

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

  1. Напишите интерфейс.
  2. Отложите его на время, желательно на время, чтобы вы забыли, как именно он работает.
  3. Используйте его, чтобы делать что-нибудь, когда вы немного спешите или отвлекаетесь иным образом.
  4. Что-то сломается. , или заставить вас делать вещи вручную, которые не были покрыты. Для каждого напишите отчет об ошибке / функции. (Если вы так торопитесь, напишите ровно столько, чтобы напомнить вам позже. )
  5. Исправьте / рассмотрите каждый отчет.
  6. Перейдите к шагу 2.

Этот опыт даст вам понимание того, как писать лучшие интерфейсы, некоторые из которых могут быть полезны как непрофессионалам, так и техническим специалистам. Однако будьте осторожны; не каждая функция, которая хороша для разработчиков, хороша для не разработчиков. Шаги 2 и 3 предназначены для того, чтобы сформировать у вас мышление, не являющееся разработчиками, и помочь вам в большинстве случаев; на «последней миле» ничто не заменит реального пользователя.

1
ответ дан 18 December 2019 в 05:18
поделиться

Использование реальных людей: тест, тест, тест.

1
ответ дан 18 December 2019 в 05:18
поделиться
0
ответ дан 18 December 2019 в 05:18
поделиться

Пойдите и прочтите Контроль над окружающей средой делает вас счастливым , а затем прочтите Не заставляйте меня думать! Здравый смысл в удобстве веб-использования .

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

1
ответ дан 18 December 2019 в 05:18
поделиться

Я всегда пытаюсь запомнить «7 элементов (максимум) на страницу / форму». Он возник на моем уроке графического интерфейса в колледже (7 или 8 лет назад).

Мне вспоминается веб-комикс, где был дизайн Apple, за которым следовал дизайн Google (оба очень простые), а затем «наш» дизайн с десятками элементов, засоряющих форму.

1
ответ дан 18 December 2019 в 05:18
поделиться

Знайте своих пользователей.

  • Проведите время с ними, исследуя то, что они сейчас делают без вашего программного обеспечения / изменений.
  • Попросите их попробовать использовать как можно более ранний прототип - может, это просто бумага, см. как они реагируют.
  • Продолжайте выдвигать свои прототипы перед ними по мере развития.
2
ответ дан 18 December 2019 в 05:18
поделиться

В произвольном порядке (и из моей головы):

  • Соглашение важнее последовательности
  • Возможности (по внешнему виду ясно, как и что что-то делает)
  • Избегайте режимов
  • Разрешить пользователю создать правильную мысленную модель
  • Защитить данные (сделать их трудными для разрушения)
2
ответ дан 18 December 2019 в 05:18
поделиться

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

3
ответ дан 18 December 2019 в 05:18
поделиться

Я бы добавил последовательность

- Ли

4
ответ дан 18 December 2019 в 05:18
поделиться

Nielsen предоставляет это список - с которым я в целом согласен

  • Видимость состояния системы
  • Соответствие между системой и реальным мир
  • Контроль и свобода пользователя
  • Последовательность и стандарты
  • Предотвращение ошибок
  • Распознавание, а не отзыв
  • Гибкость и эффективность использования
  • Эстетичный и минималистичный дизайн
  • Помогает пользователям распознавать, диагностировать, а также восстановление после ошибок
  • Справка и документация
6
ответ дан 18 December 2019 в 05:18
поделиться

Джоэл Спольски (соавтор SO :)) написал книгу «Дизайн пользовательского интерфейса для программистов» , а также серию статей на своем веб-сайте. (Joel On Software), относящуюся к этой книге.

Еще один отличный ресурс для начала - веб-сайт Джейкоба Нильсена .

2
ответ дан 18 December 2019 в 05:18
поделиться
  1. Не прерывать пользователя всплывающими диалоговыми окнами. Покажите обратную связь, которую пользователь может увидеть, и предоставьте им способ решения проблемы, когда они захотят.

  2. «Принцип наименьшего удивления».

  3. Применить разумные значения по умолчанию

  4. Показать реакцию на вводимые пользователем данные в полсекунды.

5
ответ дан 18 December 2019 в 05:18
поделиться

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

Кроме того, Алан Купер (из Известность Visual Basic) гласила: «Не ставьте might , прежде чем will », что означает, что вы не должны облегчать людям выполнение того, что они могли делать, затрудняя им выполнение действий, которые они будут делать с вашим программным обеспечением.

3
ответ дан 18 December 2019 в 05:18
поделиться
Другие вопросы по тегам:

Похожие вопросы: