Какая самая умная функция пользовательского интерфейса вы видели на веб-сайте? Что-то, что:
Может быть также стандартным, но особенно хорошо реализованным.
Пожалуйста, ограничьте это стандартными веб-технологиями (HTML, AJAX и т.д.), без Flash или плагинов!
Спасибо
В
у нас может быть предварительный просмотр страницы, выбрав цветовую схему, которая очень помогла мне в разработке веб-страниц для моих приложений.
Я видел что-то совершенно против всех стандартов, и это еще больше эксперимент, но он определенно имеет свой вау-фактор. Он называется Do not Click It, и все это касается использования пользовательского интерфейса без нажатия. Попробуйте сами, вы будете удивлены, как часто вы соблазняетесь щелкнуть (по крайней мере, это был мой опыт)
Улучшен интуитивный интерфейс пользователя
Поддержка кнопки "Назад" и "Просмотр вкладок", примером которой является GMail.
Я использовал слишком много (системы на основе времени на основе Oracle выглядят хуже всего), которые просто прикручиваются, если вы используете "назад", чтобы вернуться на страницу, на которой вы были, до того, как вы нажали на ссылку.
На одном сайте, nationalrail.co.uk, почти невозможно получить время обучения для двух разных запросов, открытых на разных вкладках, поскольку оно хранит запрос для каждого пользователя. (поэтому, если вы открываете одну вкладку, делаете запрос на поездку, открываете другую вкладку, делаете другой запрос, а затем просите более поздние поезда на первой вкладке, вы получите детали для второго путешествия). Иногда мне приходится открывать хром и firefox или использовать более одного компьютера для планирования моего путешествия.
Карты Google - это, безусловно, самый умный/продвинутый пользовательский интерфейс без флэш-памяти в Интернете.
Выпадающие предложения для окна поиска, такие как ebay, amazon и т.д., все используют на своих сайтах, чтобы пользователи могли находить ключевые слова для поиска. У Google это тоже есть, но эта функция, возможно, даже более полезна для поиска по сайту, поскольку вы не получаете случайные ключевые слова, которые не относятся к этому сайту.
Я участвовал в том, что несколько лет назад я получил возможность поиска предложений MSDN Search, и с тех пор показатели использования были феноменальными: как многие из 20% поисков на английском языке используют функцию автоматического предложения. В поиске функция обычно успешна, если ее используют более 3% поисковых запросов, так как почти все время поиска, люди просто выбирают пользовательский интерфейс по умолчанию и перемещаются дальше. 20% -ное использование неслыханно - никакая другая функция поиска, которую я видел (на любом сайте), близок.
Что особенно приятно в поисковых предложениях, так это то, что они занимаются только экранной недвижимостью, когда кто-то на самом деле их нуждается (вводя в окно поиска) и в противном случае занимают нулевую недвижимость.
Кроме того, вы можете расширить их за пределы простых списков предложений - вы можете показать интерфейс предварительного просмотра (например, изображения предварительного просмотра браузера браузера IE8, или даже разрешить ссылки одним нажатием на результаты поиска, если пользователи хотят обойти поиск в целом).
Для меня самая умная функциональность пользовательского интерфейса - это просто, когда после того, как я выполнил какое-то действие, меня привлекают/уделяют внимание месту в приложении, которое, вероятно, понадобится в будущем.
например: ToDo app - я добавляю элемент в текстовое поле списка todo. хит ввод. приложение добавляет мой элемент, а затем возвращает текстовое поле назад, чтобы я мог войти и добавить следующий предмет todo.
Я нахожу такие вещи, которые делают приложение более легким и легким в использовании, чем любые действительно фантастические биты - немного подумать о том, как пользователь будет использовать определенную функциональность, делает разницу...
Я знаю, что это не гламур или пятно, но представьте себе, что это было еще в 1965 году!?!
Это было умным!
Эффективная простота главной страницы Google.
Так легко создать учетную запись в stackoverflow и отличную интеграцию с OpenId.
Теперь я рассмотрю использование OpenId, когда мне нужна система входа в систему для веб-сайта, теперь, когда я испытал, насколько хорошо он может работать.
Pandora. Конечно, меня поразила необычно, что он мог бы выбрать незнакомую музыку, которую я хотел бы, но общая красота и гладкость интерфейса также заставили весь первый раз испытать незабываемое удовольствие. И это было легко, конечно.
Одна из особенностей, которые я специально помню - и она все еще существует, - это то, как титульная карточка следующей песни будет воспроизведена немного немного с правого края окна. Тонкий дразнит, что еще впереди.
(Все это описание звучало немного сексуальнее, чем я имел в виду...)
Мне очень нравится интерфейс Freckle. Они упрощают отслеживание времени с помощью интерфейса.
Мне трудно выбрать только одну любимую функцию пользовательского интерфейса. Но то, что приходит на ум, когда я думаю о хороших пользовательских интерфейсах, - это SmugMug. По-моему, у них есть далеко и далеко лучший пользовательский интерфейс среди всех сайтов онлайн-фотогалереи.
Позвольте мне выбрать галерею наугад:
http://collierphotography.smugmug.com/Photography/Colorado/9289093_h9zBa
И я расскажу о нескольких функциях пользовательского интерфейса, которые делают его отличным:
Когда вы нажимаете маленькую фотографию, вы берете на себя новую привязку к странице (а не новую страницу) при динамическом переключении средней фотографии, на которую вы смотрите. Прежде всего, это означает, что сайту не нужно снова загружать страницу, что будет пустой тратой времени, когда вы просто просматриваете изображения. Во-вторых, поскольку это привязка к странице, кнопки назад/вперед в вашем браузере работают! Я согласен с Питом Киркхэмом, это действительно раздражает меня, когда сайт разработан таким образом, что он борется с вами, когда вы нажимаете "Назад". К счастью, SmugMug не является одним из этих сайтов. На самом деле то, что у них есть, является идеальным. Конечным результатом является фотогалерея, которую легко ориентировать, а также быстрее, чем что-либо еще.
Он соответствует ширине вашего браузера. Это не обязательно желательно на всех сайтах, но в фотогалерее это определенно помогает.
Они внедрили свой собственный эффект Лайтбокса, когда вы нажимаете большое изображение, чтобы сделать его еще больше. Это уменьшит фон, когда вы смотрите на фотографию, а также предложите дополнительные параметры выбора.
Таким образом, это не только одна функция, и на самом деле в ней нет отличительной особенности. Но это сочетание хороших пользовательских интерфейсов, которые объединяются, что делает этот сайт очень приятным в использовании.
Google Analytics превосходит все остальное, что я видел в руках (IMO). Прекрасный пример интуитивно понятного пользовательского интерфейса для точного представления объемной информации.
Календари Ajax, например
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Calendar/Calendar.aspx
Действительно полезный (какой день недели?) и не мешайте.
Facebook - отличный пример сайта ajax. Выглядит хорошо и хорошо работает (не отлично;))
Gmail: для потрясающей отзывчивости и сочетаний клавиш (все они, особенно ярлыки ярлыков: применяют ярлык, перейдите к метке, перейдите на метку).
Календарь Google: для умного пользовательского интерфейса, позволяющего просматривать, добавлять и перетаскивать события с одной даты на другую без перезагрузки страница.
В обоих случаях автономный режим с Gears - хороший плюс.
Панель предупреждений stackoverflow красива. Я люблю это. Теперь я такой парень, у которого есть ~ 200 вкладок одновременно, поэтому всякий раз, когда я перезапускаю firefox, есть, по крайней мере, дюжина сайтов с самыми глупыми подсказками EVER... и это действительно <some word here> меня выключено.
Мне нравится jQuery UI ThemeRoller] 1, который позволяет настраивать тему GUI для jQuery. Особенно круто его Firefox Bookmarklet, который позволяет вам использовать страницу пользовательского интерфейса jQuery и динамически воспроизводить ее.
Это немного эзотерично, потому что это действительно относится только к wiki-tech, но я думаю, что функция редактирования каждого раздела вики очень велика. Я должен использовать несколько разных вики, и когда вы редактируете действительно большую страницу в вики, которая не поддерживает редактирование по разделам (или, что еще хуже, также не поддерживает предварительный просмотр вашего diff), вы чувствуете, что каждое изменение может приводят к катастрофе.
Я был потрясен Timeline control Similie Widgets.
Очень проста в использовании, для понимания и навигации. Полностью написан на Javascript; нет вспышки, которую нужно увидеть, и лучше всего открыть ее с открытым исходным кодом, чтобы любой мог ее использовать.
Первое место, которое я видел, использовалось на сайте Netbeans, для дорожной карты.
Мне очень нравится Помнить The Milk SmartAdd. Это простой и мощный способ установить всю информацию в одном месте.
Я думаю, что один из лучших простых, самых старых API-интерфейсов, улучшающих javaScript, есть Highslide (http://www.highslide.com/). Он используется абсолютно везде (см. Implementations) и может использоваться для inline, ajax или вне сайта. Легкий, эффективный и блестящий.
Я использую его на своем сайте для простых фотографий (www.rogoff.uk.com), но мы также используем его для гораздо более сложных веб-приложений на работе. Позволяет нескольким движущимся окнам легко максимизировать пространство и контент в вашем браузере.
Новый интерфейс HTML5 Grooveshark отлично.
Мне нравится реальный полноценный полноэкранный эффект, основанный на вспышке...
То, как некоторые приложения веб-форума всплывают из окна, а скорее как окно подсказок, в котором содержится первый абзац или два сообщения. Когда вы просматриваете список тем, пытаясь решить, какие из них стоит читать, он может утомиться, щелкнуть, дождаться обновления полной страницы, нажать кнопку "Назад", снова ждать обновления страницы. Неясно, есть ли способ AJAXy справиться с этим, поскольку макет страницы (и процесс мышления) для списков тем и потоков тем настолько разный. Но эта небольшая функция, которая может быть реализована с AJAX или без нее, имеет большое значение для более приятного просмотра форумов.
Многие страницы используют зависание для всех видов глазных конфет, и иногда они действительно переусердствуют до такой степени, что это раздражает или затрудняет использование страниц, но этот просмотр предпросмотра объявлений является отличным материалом.