Category Archives: UI

Small presentation of my cross-platform engine for mobile and desktop applications

I made small presentation about my cross-platform engine for mobile and desktop applications. Codename Kobald. Click on image to play it in new window (use arrows and space to move through):

Screenshot 2015-01-21 21.53.14

This is not-so-technical presentation and main info about engine will come later as separate post.

“Подразумеваемое” в пользовательском интерфейсе

Нашел тут любопытную статью про УИ. Приведу особо заинтересовавший меня кусок:

13. В информационную структуру любого взаимодействия неявным образом включено «подразумеваемое» – правила, процедуры и способы, характерные для взаимодействий вообще либо для определенных классов (групп) взаимодействий.

14. К подразумеваемому относятся, в частности, правила, определяющие, что считать взаимодействием вообще; правила, процедуры и способы выбора цели; правила, процедуры и способы выбора участников взаимодействия.

15. Подразумеваемое есть нормативная часть взаимодействия. В общем виде подразумеваемое отвечает на вопрос «как здесь принято». Подразумеваемое есть ритуальная часть интерфейса.

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

17. Без учета подразумеваемого интерфейс будет заведомо малоэффективным или неработоспособным.

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

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

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

Индуктивный УИ

[ratings]
Пока искал способы русификации WordPress, наткнулся в одном из блогов на любопытное описание концепции построения пользовательского интерфейса. Сама концепция не нова, но описание достаточно четкое:

Индуктивный Пользовательский Интерфейс (Inductive User Interface, IUI) – модель пользовательского интерфейса, направленная на создание более простых прикладных программ методом функциональной декомпозиции. Данный подход позволяет снизить когнитивное сопротивление (добиться лучшего восприятия программы пользователем).

Каждое окно соответствует одной главной задаче и дает возможность перейти на второстепенные задачи, по завершении которых продолжить выполнение главной.

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

Реализация принципа “Одно окно – одна задача” успешна выполнена, если заголовок точно описывает задачу окна является кратким и четким, выразительным и естественно звучащим.

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