Парадигмы пользовательского интерфейса, которые необходимо изменить?

https://stackoverflow.com/questions/1269441

13-09-2019
|

Вопрос

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

Это происходит по трем причинам:

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

В то же время Эммерсон сказал: «*А глупый последовательность — это призрак маленьких умов». Так когда же поддержание единообразия пользовательского интерфейса переходит грань от хорошей идеи к застойным инновациям?

Microsoft встряхнула старое доброе Графический интерфейс WIMP с появлением панели инструментов, а затем снова с элементом управления «Лента» (который является естественным развитием панели инструментов, нравится вам это или нет). Теперь мы видим ленты повсюду.

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

Одна мысль, которая пришла мне в голову, — это модальное всплывающее диалоговое окно.Вы знаете те, которые говорят:"Вы уверены, что хотите ....- [Да] [Нет] [Отмена] [Может быть]» и его злой двойник «Успешно завершили то, что хотели![ОК]». Мы видим отход от этого с помощью «информационной панели» в браузерах.Я думаю, что их также необходимо использовать при разработке приложений для Windows.

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

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

ПРИМЕЧАНИЕ:Это специфические парадигмы клиентского пользовательского интерфейса Windows, но я, безусловно, открыт для черпания вдохновения из Интернета, Mac и т. д.

Решение

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

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

Другие советы

Нажатие на сенсорные интерфейсы

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

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

В некоторых проектах начали использовать DUI, например (поехали) в iPhone, Palm Pre и телефонах Android.Но только часть их конструкции — вождение в нетрезвом виде, остальное — щелчки.У них всех есть одна общая черта — это клавиатура.Вместо того, чтобы нажимать на клавишу, пользователь нажимает любую клавишу, а затем проводит пальцем к клавише, на которую он действительно хотел нажать.Для разблокировки этих телефонов также используется перетаскивание.

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

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

Файловая система.Я хочу сохранить файл..>ОООП, сначала мне нужно придумать имя файла.Хорошо....как насчет ...бла.док.

6 месяцев спустя...

Где %#*(%& * я сохранил этот файл %()#*()*ing?

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

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

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

Вопрос слишком открытый, ИМХО.

Однако мой основной подход при проектировании чего-либо заключается в следующем:

Подходит для любого места.Если это приложение для Windows, я максимально копирую MS.
Это просто.
Он предоставляет варианты
Кнопки имеют хорошее описание того, каким будет результат нажатия, а не «да» или «нет».

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

На мой взгляд, единственное, что действительно выделяется, это то, что ПОЛЬЗОВАТЕЛЯМ необходимо больше и проще контролировать внешний вид и организацию пользовательского интерфейса приложения.

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

Сообщения об ошибках нуждаются в "просто сделай это!" кнопка.

Серьезно, меня действительно не волнует ваше глупое сообщение об ошибке, просто ДЕЛАЙТЕ, ЧТО Я ВАМ СКАЗАЛ ДЕЛАТЬ!!!

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

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

Диалоги поиска, расположенные над виджетом, в котором вы выполняете поиск, ужасны.Множество приложений делают это.Панель поиска в Firefox работает намного лучше.

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

Область в фокусе должна быть каким-то образом выделена.

Что-то вроде alt+клавиш курсора должно перемещать фокус.

Ctrl-Tab и Ctrl-Shift-Tab переключаются между вкладками влево и вправо вместо поведения MRU, хотя в большинстве случаев то же самое поведение дублируется с помощью Ctrl-PageUp и Ctrl-PageDown.

Их много, но вот идея для парочки из них:

Удалите некоторые клики, например, «добавить еще» или «поиск элемента» и тому подобное.

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

Вот как Переполнение стека делает это для некоторых сценариев.

_{Но, конечно, мы все это уже знаем, не так ли?Нет необходимости в кнопках «Найти тег» или «Добавить другой тег», они просто появляются.}

Диалоги как вы описали.

Ребята из Humanized предложили Прозрачные сообщения которые на самом деле используются в их продукции Enso и некоторых других местах.

Mac использует их для уведомлений (как в Рычать ) используйте их очень хорошо или новую систему уведомлений Ubuntu.

альтернативный текст http://blogs.sun.com/plamere/resource/NowPlayingGrowl.png

Firefox заменяет традиционное диалоговое окно «Поиск» панелью поиска внизу.

_{Хотя нет всем нравится расположение следующего/предыдущего, как на этом снимке экрана}

И даже ТАК (опять) :) замените уведомление на желтую полоску.

Окончательно:

Файловые менеджеры

Мне очень нравится (иногда) простота обычных файловых менеджеров, но иногда мне хотелось бы работать с ними быстрее/лучше.

Если вы сравните IE 4 с IE 8, вы увидите преимущество (еще лучше сравните IE 4 с Google Chrome).

Но если вы сравните Windows 95 Explorer с Win XP, они будут почти одинаковыми!(Win Vista/7 — это шаг вперед)

Но мне интересно: Почему файловые менеджеры не улучшились так же, как веб-браузеры?

Это одна из причин, по которой мне нравятся такие вещи, как QuickSilver, но это всего лишь шаг.Требуется большая работа, чтобы создать что-то вроде «Идеальный лаунчер программ"или (FileManager/DesktopSearcher и т. д. по вашему желанию)

_{QuickSilver с действием «перейти к»}

Лицензировано под: CC-BY-SA с атрибуция

Не связан с StackOverflow