akry: (16 tons)
2011-06-03 03:55 pm

Windows 8

Видеоролик с интерфейсом Windows 8.

Слушай, Хаим, к нам в Одессу приезжает Эйнштейн!
— Да? Это что, знаменитый аптекарь?
— Да нет, это знаменитый физик!
— А что он изобрел?
— Теорию относительности.
— И что, ее можно мазать на хлеб?
— Ну, как тебе объяснить… Например, если ты переспишь ночь с Сарой, то вся эта вечность покажется тебе одним мгновением. А если тебя посадят голой задницей на раскаленную плиту, то даже это мгновение покажется тебе вечностью.
— И что, он с этими двумя номерами будет выступать у нас в Одессе?

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

Говоря о перспективных интерфейсах, имхо практически всё ценное на эту тему было высказано Джефом Раскиным. В целом, идея такая. Файлы и отдельные программы — пережитки прошлого. При развитых средствах поиска, файлы не нужны, нужна лишь адекватная и удобная система, позволяющая прикреплять любые ярлыки к любым кускам информации. По сути, имя файла — тот же ярлык, только с кучей ограничений (на набор символов, длину), и от него можно отказаться. Тем более, что очень многие программы уже позволяют добавлять изрядные метаданные к файлам (MS Office, продукты Adobe) . Вот только искать по ним пока что неудобно, и единого стандарта нет. В будущем можно будет вообще отказаться от концепции файла в пользу, скажем, «объекта» — динамической сущности, состоящей из элементарных данных и/или других объектов. Каждый из которых будет обрабатываться инлайн своим программным модулем (типа OLE), а не самостоятельными программами. Папки/директории — те же объекты. Вроде коллекций в Lightroom. С точки зрения OS, файлы наверное останутся, но незаметно для юзера.

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

Поделиться, оценить: Процитировать в LiveJournal! Процитировать в LiveInternet! Процитировать в Twitter! Добавить блог в GoogleReader!    
akry: (Default)
2010-03-03 02:45 pm

Пиктограммы и юзабилити

IconsПиктограммы делают интерфейс более привлекательным в визуальном отношении и, при определенных условиях, могут способствовать большей понятности. Однако со временем стали понятны и недостатки пиктограмм. Например, как в операционной системе Macintosh, так и в Windows сейчас уже используются средства для объяснения значения пиктограмм. Если вы наводите курсор на какую-то пиктограмму, появляется небольшое окно с текстом, в котором дается ее описание. Возникает очевидный вопрос, который я неоднократно слышал от пользователей, впервые встретивших такие текстовые окна: «Почему вместо пиктограмм сразу не использовать текст?» В самом деле почему бы и нет? Ведь, по сути дела, вместо того чтобы объяснять, пиктограммы зачастую сами требуют для себя объяснений. Использование пиктограмм вместо слов вполне подходит для того, чтобы скрыть или зашифровать какую-то информацию от посторонних глаз.

Джеф Раскин. «Интерфейс»

Небольшое исследование, проведённое мною, показало, что мэтр не совсем прав.

Да, пиктограммы не самоочевидны. Вы видите word document iconпрямоугольник с горизонтальными чёрточками, загнутым краем и буквой «W», и знаете, что это документ MS Word. Но вы знаете это только потому, что получили информацию откуда-то раньше. Прочитали сами или кто-то рассказал. Из внешнего вида пиктограммы её назначение неочевидно, тут Раскин прав.

Однако когда вы раз за разом видите эту пиктограмму, в большинстве случаев вы начинаете видеть за ней текстовый документ. Аналогично с другими пиктограммами. За белым ромбом с жёлтенькой молнией скрывается музыка. За красно-синим шариком — Firefox. И т. п.

Как показал эксперимент, если собирается открыть тот же Firefox, вы даже не включаете внутренний диалог — вместо этого в визуальной памяти появляется образ открытого окна браузера (1), от него сразу же изображение пиктограммы (2)  — лисица, обернувшаяся вокруг земного шара, или просто красно-синий шарик, после чего идёт визуальный поиск на совпадение с запомненным образом, после чего включается моторика — переместить мышку на пиктограмму и кликнуть. Т.е. стратегия — Vm1 -> Vm2 -> K. Без Ad, внутреннего диалога, как значимого элемента стратегии. Разумеется я несколько упростил стратегию, убрав элементы поиска нужной пиктограммы на экране (стратегии разнятся, но в основном тут визуальная память — «экран с пиктограммой», вместе с кинестетической — «как передвинуть мышку в нужный угол»). Ещё я не учитывал стратегии мотивации и принятия решения, там может быть что угодно. Но суть та же — в конкретной стратегии поиска и открытия нужной программы внутренний диалог практически не используется. Что подтверждается в том числе и движениями глаз.

Таким образом у опытного пользователя пиктограммы не являются заменой слов, как писал Раскин. Они — самостоятельные якоря на явления и программы. Якоря, не нуждающиеся в словесном пояснении.

Что вполне согласуется с Раскиновским определением «интуитивного интерфейса»:

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

Пиктограммы изначально не «зашиты» в наш мозг. Но мы можем сделать их привычными.

А нужно ли? Я считаю, что да. По сути, в визуальном интерфейсе, любой образ на экране при многократном использовании станет «пиктограммой». Будь то картинка, или даже текст. Например, надпись «Открыть документ MS Word» будет читаться только первые сто раз, потом вы будете видеть за ней документ, а сама надпись станет достоянием не дигитальной, а визуальной памяти. Так зачем усложнять задачу? Цветные картинки в визуальную память перекочуют гораздо быстрее, и различение по ним будет выше.

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

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

akry: (Default)
2008-12-27 11:45 pm

Настраиваемые панели инструментов в Photoshop

Вот и Adobe докатился. Сразу было видно, что CS4 — от лукавого. И вот ещё одно табу нарушено — в новом фотожопе можно самому делать палитры инструментов. Как в ворде. С помощью тулзы, с выдумкой названной Configurator.

Как писал в своём послании девелоперам Великий Джеф Раскин (ныне покойный): «Если вы сами не способны сделать действительно удобный и правильный интерфейс, то почему вы перекладываете эту задачу на самого пользователя? Почему вы считаете, что он справится лучше?» (не дословно, но по духу так сказал).

В своё время в Кварк-Кспрессе и в Фотошопе были чётко прописаны и места инструментов, и «горячие клавиши». Списки hotkeys&shortcuts даже ходили в красиво свёрстанном и изданном виде. И до сих пор те, кто с тех времён работал в дизайне, не задумываясь и не глядя на клавиатуру вызывают нужные функции. А это и есть одно из свойств хорошего интерфейса — раз научился, и дальше работаешь намного продуктивнее, чем до того.

Посмотрите на действительно совершенные вещи вроде японского меча. Вы видели когда-нибудь конфигуратор для мечей? Типа «Вам сделать одно лезвие или два? А может фиганём рукоятку посередине? Вы же пользователь, вам виднее, как удобнее!». Угу. Меч — конструктор «лего». Реально настроить его под себя смогут считанные единицы настоящих мастеров, остальные же вооружатся странными нежизнеспособными, но очень круто выглядящими мутантами.

Если Adobe не одумается и продолжит свой путь по дороге греха, дорога эта приведёт в ад.

Очень настраеваемый интерфейс!

akry: (Default)
2008-10-29 09:30 pm

Interface с человеческим фейсом

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