Интерфейсы *

Думаю, не найдётся такого человека, который не в курсе, что Microsoft выпустила устройство под названием Surface. Сегодня я немного пофантазирую на тему областей и способов его применения.

Щас любопытную штуку заметил. Всем известно, что в линч и спаренные с ним рубрики встроена листалка вида
и Ctrl + Enter для включения комментариев в Бизнес-линче
А вот сегодня случайно заметил что с любой внутренней страницы на заглавную можно перейти по Ctrl + Home — работает в FF и IE.
Как бы его не ругали, все таки в его кампании работают умные люди, внимательные к деталям, у вас работает сие удобство? Раньше видели такое? Применяли?
P.S. ну ведь круто же:)

В процессе одной местной дискуссии я упоминал про виденный где-то «в тубах» ролик про интересный «манипулятор немышиного типа». Сложите пальцы руки так, как будто вы держите рюмку и поводите рукой над клавиатурой. Это вы водите курсором по десктопу. «Отпустите рюмку» и тут же «схватите» — это вы мышкой кликнули. Делайте тоже самое двумя руками — «мультитач». А теперь посмотрите, как это работает на самом деле — я ролик нашел:


Манипулятор состоит из видеокамеры за тридцать баксов и некоторого количества программного кода. Решение поразительно красивое — видеоизображение анализируется на предмет возникновения изолированной неизменяющейся области. Даже нескольких областей — каждая равна одному курсору.

 

Verdana — шрифт без засечек, который был специально разработан для Веб. Впервые Verdana был доставлен с IE в 1996 и стал лидером по использованию в Веб по всему миру.

Летом прошлого года прошло замечательное событие — EPAM Software Engineering Conference'2006.

Из официального пресс-релиза:

В мероприятии приняло участие более 300 сотрудников компании из пяти стран, в которых находятся центры разработки EPAM Systems. В течение двух дней прозвучало более 40 докладов, охвативших широкий спектр тем: управление проектами, управление качеством, вопросы интеграции приложений, бизнес-анализ, управление требованиями заказчика, вертикальные решения, применение многократно используемых компонентов и т.д.

Конференция прошла «на ура».

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

Для многих пользователей Mac OS X любимой интерфейсной фишкой является Expose. И совершенно заслуженно — это очень эффектный и удобный способ переключения между окнами.

Неудивительно, что Expose часто преподносится как одно из ключевых преимуществ интерфейса Mac OS X перед Windows. «Ха-ха, наверняка Рэдмонд пытался скопировать Expose, но обломался об ограниченные возможности графического движка», — ехидничают одни. «Должно быть, они просто боятся обвинений в прямом плагиате», — рассуждают другие. Так ли это? Попробуем разобраться.

Полный текст статьи…

Результаты исследования Poynter EyeTrack07 – фиксировался взгляд 600 читателей, которые просматривали газеты и тексты на мониторе (via). К всеобщему удивлению, оказалось, что читатели он-лайн прочитывают бОльшую долю выбранных текстов. Можно скачать PDF файлы – презентация и краткий вариант.

Выводы (дополненный перевод от GroovyMarketing):

1. Читатели он-лайн читают бОльшую долю текста — в среднем они прочитали 77% того, что они выбрали для чтения. Читатели широкоформатных газет — в среднем 62%, читатели бульварных таблоидов — 57%. Наблюдаемые прочитывали тексты всех форматов почти полностью, даже больше, чем предполагалось. Две трети он-лайн читателей, выбравших определенную статью, прочитали текст полностью.
   
2. Люди читают 2 способами: последовательно или сканируя. Около 75% читателей офф-лайн читают последовательно. Из он-лайн читателей половина — сканирует, половина — последовательно. Но к какому типу не относились бы он-лайн читатели, они читают примерно одинаковый объем текста.
   
3. Альтернативные формы представления текста помогают людям понимать и запоминать прочитанный материал. Это могут быть вопросы и ответы, хронологические таблицы, короткие блоки, списки. Такие нестандартные элементы концентрировали на себе больше внимания. Читатели широкоформатных газет уделяли на 30% больше внимания альтернативным формам представления текстовой информации.
   
4. Крупные заголовки и большие фотографии в печати привлекали больше внимания – на них смотрят прежде всего. Но он-лайн читатели обращали больше внимания на навигационные панели и тизеры.
   
   
5. Фотографии реальных людей, документальные фото привлекали большее внимание, чем постановочные или студийные фотографии. Черно-белые фотографии привлекают на 20% меньше внимания, чем цветные. Фотографии авторов статей в стиле «для паспорта» были мало интересны.

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


Источник Блогика

Компания Microsoft (в партнерстве с Philips) выпустила свою multytouch платформу MS Surface:
www.microsoft.com/surface
www.design.philips.com/About/Design/Section-13506/Index.html (сайт Philips)

Интервью со специалистами из MS:


На Youtube еще куча роликов по теме.

Интерфейс оснащён восемью парами лазер/оптический датчик для измерения активности лобной доли коры головного мозга в обруче надеваемом на голову.
Компания сделала небольшой и удобный в использовании прибор на основе медицинского оборудования.
Стоимость аппарата составляет около 840 000 долларов США.
Посмотреть как выглядит это чудо можно здесь: editorial.gettyimages.com/Search/Search.aspx?EventId=74218417

Вот уже два года дизайнеры интерфейсов из компании TouchGraph продолжают совершенствовать свой уникальный Java-браузер, который умеет визуализировать в виде графов связи между веб-сайтами и любыми другими объектами (например, его можно использовать для визуализации связей между юзерами в социальных сетях типа «Хабра»). Этот браузер значительно усовершенствован с того времени, как мы впервые о нём рассказывали год назад.

Программа представляет собой Java-апплет (не распознаёт кириллические кодировки) с множеством дополнительных настроек. Отдельные апплеты загружаются для обработки результатов Google и для обработки результатов Amazon. В первом случае демонстрируются сайты и связи между ними на основании информации Google о «похожих сайтах» (команда [related:]).

Статья о патенте Apple, который явно предназначен для нового iPod'а: Apple's new iPod patent reinvents touch controls.



Если кратко, то экран занимает все переднюю сторону плеера (как в iPhone), при этом сенсор находится с задней стороны плеера. То есть палец пользователя не закрывает графический интерфейс (понятно, что на экране должен присутствовать некий курсор). Вот такая очень интересная идея.

В течение последних трех недель мне пришлось 4-5 раз отвечать на один и тот же вопрос:

Стоит ли создавать внутри компании собственный отдел, который будет заниматься вопросами юзабилити, и если да – то как это сделать?

Задавали мне этот вопрос и друзья-коллеги, и клиенты, и подозреваю, будут задавать и в дальнейшем. То, что «юзабилити» — вроде как даже иногда полезно, понимают многие, и теперь перед ними встает вопрос, как организовать процесс наиболее эффективно и с наименьшими затратами… полный текст статьи

Статья о том, каким образом проектируется пользовательский интерфейс корпоративных продуктов внутри Microsoft на примере проекта MS Dynamics:
Проектирование от Microsoft. Современное состояние дел.

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

ХАБРАлюди давайте объединим усилия в данном направлении и поделимся скопленными ссылками, своими наработками по наболевшим темам а именно

• Меню, CSS anr\or Js
• Фрмы
• Тени
• Построничный вывод
• ССЫЛКИ по вышесказанному

многое можно найти на только что найденном сайтике

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

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

Подробности.

Мастер-класс по созданию элегантных интерфейсов. Автор — Владислав Головач.
Скачать (формат — PDF, размер — 6.5 Мб)

Джеф Раскин — человек, которому мы должны быть благодарны за появление в нашем лексиконе нарицательного слова «Макинтош». Но главное в чем проявил себя Джеф Раскин, это интерфейсы. Идеи его интерфейсов иногда настолько нестандартны, что иногда кажутся несуразными, а возможно и являются таковыми.

Вот например некоторые из его постулатов:
— отказ от GUI в пользу усовершенствованной командной строки;
— отказ от разбиения задач по приложениям (пользователь должен работать в едином интерфейсе);
— отказ от использования мыши;

Допустима ли на сайте потенциальная неточность?

Поясняю. Допустим есть у пользователя на сайте есть некий флаг с двумя значениями («1/0») и он отображается на всех страницах. Пользователь кликнув на него может поменять его на противоположный. Реализовано это через одну функцию которая просто меняет значение не противоположное. Вот тут и возникает «потенциальная неточность» — допустим пользователь открывает две странички сайта и на одной нажимает на флаг (то есть меняет его на противоположный), но на второй странице флаг остался первоначальным, но при клике на него он смениться из текущего (то есть кликая на флаг во втором окне мы его как бы визуально не сменим).

Конечно любая неточность на сайте это плохо. Но… Как вы думаете?