Форум 'Пользовательский интерфейс: проектирование, usability' на RSDN.RU

UX/юзабилити конференция в Питере

Sun, 12 Feb 2012 18:29:41 GMT

Проектировщики интерфейсов и юзабилисты Питера проводят открытую конференцию 19 мая 2012 в ИТМО. Все, кто интересуется предметом, welcome.
Предварительная регистрация на сайте www.profsoUX.ru. Вопросы по конференции можно мне лично — я руковожу организацией.

Inno Script Studio

Sun, 12 Feb 2012 15:58:31 GMT

Вот решил посмотреть инсталятор от инно. Предлагают новый редактор к нему. Но меня интересуют "Inno Form Designer", который там упоминается в меню, но не перейти и не посмотреть что это такое. Кто нить уже видел и юзал этот дизайнер?

Как организовать страницу

Fri, 10 Feb 2012 16:55:06 GMT

Есть таблицы Регионы, НаселенныеПункты, Жители и таблица СубсидииДляНаселенныхПунктов.

есть сайт на котором пользователь выбирает либо Все регионы либо интересубщие его и нужно выполнить расчет по следующей логике

Вывести список всех регионов с указанием субсидий для него.
Субсидии считаются по принципу Возраст жителя 0-5 — 5 rub, 6-10 10 rub

регионов порядка 2000

как организовать такую страницу и вывод результата?
резульатат нужен в 2 видах: сумма сибусидий на уровне региона, и на урровне каждого человека. т.е. чтобы можно было конечного человека увидеть

какие есть идеи?

Какой из интерфейсов приятнее и понятнее?

Fri, 03 Feb 2012 17:45:57 GMT

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

А вот что было

Как на ваш взгляд — какой интерфейс интуитивнее?

Хром

Fri, 03 Feb 2012 15:39:25 GMT

Как включить подсветку найденного текста в хром(в яндекс хром и в гугл хром)?Может быть есть специальный плагин для этого?

Usability: 'Smart' Tips

Fri, 03 Feb 2012 08:33:34 GMT

Хотел бы услышать о случаях применения в GUI-ях подсказок ('Tips'), которые можно назвать 'умными'.
Поясню что я имею в виду. 'Подсказки' в GUI-ях — известная (хотя и не очень распространённая) техника; встречаются например в форме 'Tip Of The Day'. При запуске программы выскакивает окно с надписью 'Tip Of The Day' или 'Did you know....' и тд содержащее подсказку по функциональности продукта. Что-то такое есть в Resharper-е и в WinZip-е.

Однако большого распространения эта техника не получила по очевидной причине — подсказки НЕконтекстные, никак не связанные с тем как работает данный пользователь на продукте. К тому же схема их показа слишком проста: они вылазят КАЖДЫЙ РАЗ при запуске продукта, и только раздражают.

Нечто более сложное было использовано в MS Office Assistant (та самая пресловутая Скрепка):
— он пытался отслеживать и анализировать действия пользователя, предлагая КОНТЕКСТНЫЕ подсказки;
— применял более сложный алгоритм показа чем 'КАЖДЫЙ РАЗ при запуске продукта'

В целом Скрепка дискредитировала себя настолько, что впоследствии эти функции из Office-а убрали. Тем не менее идея сама по себе мне кажется интересной.

ВОПРОС: может ли кто указать примеры других 'умных' tips? Интересно бы на них глянуть

На какие картинки можно заменить этот текст?

Sun, 29 Jan 2012 11:27:29 GMT

Добрый день. У меня сайт с онлайн-игрой, там есть понятие рейтинга игрока. За каждую игру игрок получает очки, они суммируются в его рейтинг. Во время игры на игровом поле я хочу показать сколько он выиграл сейчас, сколько он игр сыграл и сколько ему осталось выиграть, чтобы подняться на следующее место в рейтинге. Сейчас там такой текст:

Суммарный выигрыш: 1 900 рублей
Место в рейтинге: 8064
До следующего места в рейтинге остается: 100 рублей

Это занимает очень много места. Хотелось бы заменить текст понятными пиктограмками и разместить это все в одну строку. Но никак не могу придумать, какими картинками можно обозначить эти словосочетания. Можете ли вы мне подсказать?
Спасибо!

Голосовые сообщения..где их взять

Wed, 07 Dec 2011 12:20:48 GMT

Подскажите, где можно найти записи сообщений типа "Сохранение завершено" и т.п. приятным женским голосом? "Приятный", в принципе, для каждого свой, но все же...

неизбитое UI для решение редакирования интервалов дат

Wed, 07 Dec 2011 10:24:21 GMT

Хочу неизбитое UI для решение редакирования интервалов дат в WEB приложении.

Даты включают время до минут — интервалы могу быть открытыми, если это важно. Есть задумка использовать для этого круг разбитый на четыре дуги крестом, как декартова плоскость. каждая дуга имеет слайдер, ответственный за год, месяц день и время соответственно. Это было бы круто но я не владею javascript'ом на таком уровне.

Кто что думает?

Подскажите инструмент для проектирования интерфейса

Mon, 05 Dec 2011 16:19:26 GMT

Нужно делать эскизы форм, но не совсем схематично ( как в Visio ), а более похожим на реальную форму, с возможностью заполнения
элементов данными, важно также чтобы можно было разместить Grid с колонками. Возможность поменять статус контролов типа Enabled, Disabled.
Какие есть удобные инструменты для этого ?

Имеет ли смысл создавать ГУИ на PyQT?

Thu, 01 Dec 2011 15:10:39 GMT

Ищу варианты быстрого создания ГУИ. На С++ не особо хочется делать, т.к. долго. Вот ищу варианты.
Есть ли вообще приличные примеры GUI На PyQT (или других языках "полгече")?

Save - дискетка?

Tue, 29 Nov 2011 06:17:18 GMT

Разве Save сейчас ассоциируется с дискетой? Молодежь имхо вообще не понимает что изображено на иконке. Какие сейчас альтернативы дискетке? Флешка? Она не квадратная и не очень хорошо вписывается в квадратные кнопки.

В поисках компонента "Календарь-планировщик"

Wed, 16 Nov 2011 02:19:29 GMT

Приветствую!

Пишу небольшое приложение "Менеджер задач (проектов)", который отображает запланированные задачи в виде календаря. Идея в следующем: есть сетка из дат, и в ячейках сетки можно размещать прямоугольники-задачи, которые можно двигать/изменять размеры, таким образом указывая, когда задача начинается по плану, и когда завершается. Желательно чтоб выглядело красиво

Собственно возник вопрос, как упростить работу.

Подскажите, с помощью какого фреймворка было бы проще реализовать подобное. Может, существуют готовые компоненты? Target OS — Windows и Mac OS. Вроде бы задача часто встречающаяся (в различных Outlook'ах, планировщиках). Идеально для этого подошел бы HTMLayout, но, к сожалению из-за требования кроссплатформенности все равно придется делать Mac версию. Поэтому пока рассчитываю на QT писать (опыта в нем вообще никакого нет, писал только под HTMLayout под Windows и Cocoa под Mac, хотя я совсем не GUI программист).

Как лучше поступить в моем случае? С нуля "рисовать" или есть что-то готовое?

Из-за неопытности в построении GUI, мне сложно оценить, насколько объемная предстоит работа, поэтому не хотелось бы бросаться делать с нуля то что возможно уже готово (или полу готово)

Спасибо!

Mac-овый интерфейс под Windows (зацените прототип)

Tue, 15 Nov 2011 19:22:14 GMT

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

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

Как думаете — имеет право на жизнь такая библиотечка и как восприниут юзеры Винды такие вот программы (в плане юзабилити)?

WEB редактирование дерева

Mon, 14 Nov 2011 14:01:56 GMT

Есть web страница с деревом, пользователь может открывать и закрывать узлы (прямо как в rsdn), добавлять, удалять и переименовывать элементы этого дерева, и осуществлять еще некоторые действия с элементами. Сейчас сделано некрасиво — после названия каждого элемента куча иконок "добавить", "удалить", "переименовать", "редактировать" и другие.
В виндовском GUI мне бы такое и в кошмарном сне в голову не пришло, т.к. есть контекстное меню по правой кнопке мыши, на которое можно вешать все операции с конкретной нодой. А в вебе как сделать?

‘Search-based GUI’

Mon, 14 Nov 2011 07:39:57 GMT

Хотел бы обсудить такую тему как ‘Search-based GUI’. Этот термин я и придумал Он означает – GUI, который для навигации в своих элементах (НЕ в пользовательских данных!), предусматривает, помимо стандартной иерархической организации, ещё и поиск.
Известный пример – организация Control Panel в Win7. Control Panel, как и в предыдущих версиях, организована иерархически: есть, например, раздел Region and Language, в нём tab Keyboards and Language, а в нём – функция Install/Uninstall Languages. Но можно, находясь ан верхнем уровне Control Panel-и, ввести в Search Box слово ‘uninstall’, и появятся результаты поиска по этому ‘uninstall’. Там будет и Region and Language->Install or uninstall display languages. Кликнув по нему, сразу попадаем на нужную функцию

По существу, в GUI Control Panel-и реализован маленький встроенный поисковик по элементам GUI.

Тот же подход применён и в меню Start у Win7, где есть поле ‘Search program and files’. Оно работает как мини-поисковик по всему содержимому меню Start.

Мне этот подход кажется очень интересным, хотя и – согласится любой программист – трудоёмким для реализации. Хочу узнать, где он ещё применяется. Есть ли некие обзорные статьи по нему? Есть ли у такого подхода ‘официальное’ имя?

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

Tue, 01 Nov 2011 08:01:13 GMT

Где-то раз в год на меня накатывает желание чего-то нового в такой программе, которой все пользуются каждый день — файловый менеджер. Собтсвенно, у меня 3 основные программы, которые всегда запущены — файловый менеджер, браузер и VisualStudio. И как всегда, после поисков в интернете наталкиваюсь на одно и то же, уже сколько лет подряд — две панельки, дерево, ну и так далее, все видели все это. Ничего нового. Есть какая-то похабщина в виде 3D графов, но я даже не качаю это — по скриншотам видно, что этим невозможно пользоваться.
В Маке вот правда наткнулся на немножко другой подход — множество вертикальных панелей и в каждой новой открывается папка, выбранная в предыдущей. Что-то в этом есть, но все же... Еще что-нить хочется.
Сам пользуюсь Фаром. Пробовал и Тотал (даже заставлял себя) — никак, не пошло, пробовал и встроенный в винду Эксплорер — тяжко ДрагнДропом метиться — тоже никак с ним у меня.

Хочется с вами обсудить ключевые моменты файловых менеджеров, которые вам необходимы и без которых вы никак. Мож все-таки сяду и сооружу какой-нить революционный концепт.

Итак, мои мысли по этому поводу.

1) На экране не должно быть ничего лишнего (за то и люблю фар), все эти меню, куча тулбаров, табы, закладки, вьюверы и прочий визуальный шум — в топку. Нужно только то, с чем работаешь
2) Не должно быть ограничение на количество панелей, но это должно быть сделано очень продуманно — не надо каши из панелей. Должна быть возморжность сразу же достучаться до любой нужной, не вводя при этом понятие Закладка и соотвтевенно пихая иконки этих закладок или табы в интерфейс.
3) Должен быть Драг-дроп, иногда удобно, но он должен быть сделан так, чтобы не надо было никуда целиться и не должно быть возможности промахнуться.
4) Все должно уметь работать с клавиатуры. F5 — копирование — это классика, без этого никак. Проблемка возникает с многопанельностью из пункта 2. Если у нас их открыто много и текущая какая-то одна, то не понятно что делает F5.
5) Хочется уметь выбирать несколько файлов из разных папок и потом что-то с ними делать (например архивировать). Во всех что я видео менеджерах выбрать можно только из текущей (ну или куда-то заранее копировать — что не комильфо)
6) При открытии папки надо как-то разделить подпапки и файлы, не надо их в одном списке и в одну кучу. Потому что я или глубже иду или с файлами работаю.

Есть еще несколько мыслей, есть идеи как это все красиво и УДОБНО!! оформить. Но хотелось бы услышать что общественность думает.

Отображение коннекта\дисконнекта

Tue, 25 Oct 2011 11:40:32 GMT

Есть некое ПО для управления устройством. Представляет из себя несколько докируемых друг к другу окошечек. Как сообщать пользователю о том что с устройством есть коннект\дисконнект?
Пока блокирую управляющий гуй и пишу в лог состояние, но хочется что то более красивое.

Закрытие окна

Fri, 21 Oct 2011 14:37:50 GMT

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

Представление и редактирование

Wed, 19 Oct 2011 18:35:48 GMT

Есть визуальное отображение одного бизнес -объекта . При редактировании предполагается выводить дополнительный регион (выглядеть будет как окно с полями ввода и другими контролами) (не модальное). Как будет лучше:
а) Отображать регион со свойствами и скрыть текущее отображение, но сделать превью в данном регионе?
б) Отображать регион со свойствами и динамически менять отображение?