в поисках юзабилити

Интерфейcные идиомы& Инcтрументарий02 Jun 2005 11:53 am

По�?кольку �? уже много раз вы�?казывал�?�? о том, каким не должен быть интерфей�? программы дл�? прототипировани�? интерфей�?ов, и ни разу -конкретно о том, каким он должен быть, �? решил во�?полнить недо�?таток и опи�?ать не�?колько возможных интерфей�?ных решений дл�? воображаемой программы прототипировани�? �? воображаемым рабочим названием Preview.

Предположим, что перед проектировщиком интерфей�?а �?тоит задача �?оздать прототип интерфей�?а дл�? “менеджера закачек”. Через пару минут работы в любой из до�?тупных на �?егодн�? программ у него получает�?�? первый вариант прототипа �?лемента �?пи�?ка закачек:

�?о уже дальше начинают�?�? проблемы: дл�? того чтобы выполнить такую про�?тую операцию, как перета�?кивание �?озданного �?лемента на другое ме�?то, пользователь должен каждый раз выдел�?ть в�?е отно�?�?щие�?�? к нему объекты.

Мы видим, что программа �?овершенно не замечает �?в�?зи между объектами, тогда как �? точки зрени�? пользовател�? в�?е надпи�?и и фигуры «внутри» �?лемента «лежат» на нём. Почему бы тогда программе не перемещать более мелкие объекты в�?егда вме�?те �? тем, внутри которого они наход�?т�?�?? Ведь так у�?троен реальный мир: запи�?на�? книжка, лежаща�? на журнале, перено�?ит�?�? вме�?те �? ним, а не о�?таёт�?�? ви�?еть на ме�?те.

Вам кажет�?�?, что �?то изменение поведени�? программы незначительно? Однако именно из таких мелочей и �?о�?тоит �?оздание прототипа: «Это пойдёт �?юда … �?ет, лучше так… Что-то мне не нравит�?�? … Лучше �?делаю по-другому».

Причём ра�?�?мотренный выше фрагмент прототипа очень про�?т. Чем �?ложнее прототип, тем больше ненужных манипул�?ций приходит�?�? производить дл�? получени�? одного и того же результата. �?апример, е�?ли поме�?тить выше�?озданный �?лемент �?пи�?ка на форму диалога, то его уже нельз�? будет про�?то так выделить окружающей рамкой, потомучто клик в любом ме�?те окна диалога приведёт к его перемещению. По�?тому приходит�?�? начинать выделение за пределами окна, но при �?том возникает ри�?к зацепить ненужные контролы.

Группировка также ни�?колько не помогает, потомучто во-первых, �?то такое же лишнее дей�?твие, а во-вторых, она блокирует возможно�?ть изменени�? отдельных �?лементов группы, что может потребовать�?�? в любой момент.

�?а �?егодн�?шний день только в одной программе GUI Design Studio – е�?ть така�? возможно�?ть. Там вы можете увидеть опи�?анное поведение “вживую”.

23 Responses

Читатель June 2nd, 2005 at 12:23 pm

�? где еще можно почитать _требовани�?_ к программам подобного рода?

GUI Design Studio, Axure RP Pro, кто еще? �?е�?пециализированые графиче�?кие редакторы мы опу�?каем…

Cудорожно пытаю�?ь определить profit от разработки…
Юзабили�?т June 2nd, 2005 at 12:27 pm

Читатель, требовани�?, к �?ожалению, обычно про�?то так нигде не лежат, их нужно тщательно �?обирать, причём не на о�?нове �?уще�?твующих решений, по�?кольку может получить�?�? “глухой телефон”, а напр�?мую работа�? �? потенциальными пользовател�?ми.
ljuser:kirillk June 2nd, 2005 at 2:21 pm

Профит, к�?тати, очень пока непон�?тный. Я вот тоже пытаю�?ь прикинуть, а не зан�?ть�?�? ли таким ин�?трументом. Знаю что у мен�? техниче�?ки получить�?�?, но что-то кажет�?�? что очень уж мало пока �?пециали�?тов, которым такой тул дей�?твительно нужен и такую программу �?ложно будет продавать.
Юзабили�?т June 2nd, 2005 at 2:27 pm

Как вы наверно уже пон�?ли, у мен�? ровно противоположна�? позици�?: �? не бе�?покою�?ь за рынок �?быта, но глубоко убеждён, что одному человеку �?то не под �?илу, как минимум из за большого объёма работы, который и при полной зан�?то�?ти зан�?л бы N ме�?�?цев, а уж е�?ли делать �?то в �?вободное врем�? …
ljuser:kirillk June 3rd, 2005 at 3:24 am

Я вроде не говорил про одного человека и про �?вободное врем�?. Е�?ли по�?вит�?�? вера в то, что �?то можно будет продать, то в�?е будет по-взро�?лому
Юзабили�?т June 3rd, 2005 at 6:52 am

Значит �? Ва�? неправильно пон�?л. Тогда желаю у�?пехов в �?том нужном дл�? в�?ех деле.
ljuser:copylove June 7th, 2005 at 4:18 pm

to kirillik:

Могу �?казать, что �? моим уча�?тием уже производил�?�? под�?чет profit’а на подобный продукт.
То е�?ть �? был �?к�?пертом, а знакомый �?делал что-то вроде бизне�?-плана. �?о затем �?та организаци�? нашла поле де�?тельно�?ти более выгодное
Уверен, что �? каждым днем profit от такого продукта только увеличивает�?�?.
V (NPJ) June 8th, 2005 at 10:48 am

�?ндрей пишет:

«Группировка также ни�?колько не помогает, потому что, во-первых, �?то такое же лишнее дей�?твие, а во-вторых, она блокирует возможно�?ть изменени�? отдельных �?лементов группы, что может потребовать�?�? в любой момент».

Помните IntelliDraw? �? Professional Draw? Еще когда в первом продукте, который многое мог и как программа дл�? работы �? графикой и тек�?том, в�?�?кие мудрые �?в�?зи можно было реализовывать, а во втором группировать объекты и затем про�?тым образом (двойной щелчок) перемещать или измен�?ть, не отмен�?�? �?о�?то�?ни�? группировки, как �?то было в IntelliDraw.

Xara также позвол�?ет довольно легким образом объекты внутри группы перемещать и модифицировать. Хот�? �?то, конечно, только ча�?ть того, что требует�?�?, но в�?е же… Intellidraw о�?обенно жалко…
�?лек�?ей June 9th, 2005 at 7:52 pm

�?е забывайте про Adobe Photoshop
Его не зр�? таким навороченным �?делали.
Вообщем, юзаю - доволен

P.S. пытаю�?ь �?шареварить программу, замучал�?�? �? фей�?ом… у�?тал . Каша в голове, о�?обенно по�?ле прочтени�? ма�?�?ы литературы по юзабилити… Одна �?уха�? теори�?. Как доходит дело до практики - там не�?тыковка, зде�?ь под вопро�?ом.
Итак вопро�?!
Это у мен�? такие проблемы только ?
ljuser:mock_up June 16th, 2005 at 10:24 am

Да, приходит�?�? пользовать�?�? хаком: выдел�?ть нужные ча�?ти �? помощью selection, учитыва�?, что ча�?ти, полно�?тью не попавшие в selection, там не оказываюь�?�? :}
zubnoy July 15th, 2005 at 12:10 am

Хочу кое-что дл�? �?еб�? про�?�?нить.
�?е пон�?тно про выделение: е�?ли “коробка” будет перемещат�?�? вме�?те �? �?одержимым, то как перемещать �?лементы внутри неё? О�?таёт�?�? не�?�?ным, чем “главный” контрол будет отличат�?�? от дочерних (в �?лучае ручной группировки проблем нет, но вы напи�?али что �?то зло), и что делать �? �?лементами, которые только ча�?тично наход�?т�?�? внутри контейнера.

К�?тати, по-моему, дл�? программ такого е�?ть более интер�?тные вопро�?ы. �?апример: что делать �? ограничением �?тандарного �?пи�?ка �?лементов управлени�? и как показывать поведение (и �?тоит ли �?то делать). У �?пи�?ка, например, одна из колонок может быть фик�?ированного размера, друга�? — любого размера, который зада�?т пользователь, треть�? должна ра�?т�?гиват�?�? на в�?ю ширину. Как думаете, �?тоит ждать какой-то автоматиче�?кой визуализации поведени�?, или по-�?таринке, придёт�?�? пи�?ать в�?ё в комментари�?х.
Юзабили�?т July 15th, 2005 at 6:45 am

Очень хорошие вопро�?ы! Отвечаю по пор�?дку:
- Элементы внутри «коробки» можно перемещать привычным образом – зацепив их мышкой и двига�?. Перемещение «коробки» прои�?ходит только е�?ли вз�?ть�?�? мышкой за «фон», т.е. «поверхно�?ть коробки».
- �?икакого различи�? между «главными» и «дочерними» фигурами нет в принципе. В�?ё определ�?ет�?�? лишь размерами объекта. Показанную выше «коробку» можно в�?егда поме�?тить в другую, побольше.
- Ответить на вопро�? «что делать �? ча�?тично попадающими один на другой объектами» поможет реальный мир: что произойдёт, е�?ли запи�?ную книжку �?легка выдвинуть за край журнала? �? теперь ещё чуть-чуть. И ещё.. Упала! То е�?ть должен �?уще�?твовать некий порог вы�?тупающей за пределы площади, до которого �?лемент о�?таёт�?�? «дочерним», а по�?ле – незави�?имым. Е�?те�?�?твенно, в�?ё �?то должно �?опровождать�?�? визуализацией обоих �?о�?то�?ний.
- Предполагает�?�?, что имеющие�?�? в программе Preview готовые �?лементы управлени�? не жё�?тко заданы, а �?о�?то�?т из таких же про�?тых объектов и фигур, по�?тому проблемы «�?тандартного» �?пи�?ка контролов не �?уще�?твует: вы в�?егда можете вз�?ть готовый �?лемент и модифицировать или ра�?ширить его.
- Комментарии типа «колонки 1,2,3 – фик�?ированной ширины» пи�?ать в�?ё равно придёт�?�?, потому что разработчик, который будет воплощать проект в жизнь, не должен «играть�?�?» �? прототипом, чтобы получить нужную ему информацию. Во врем�? же демон�?трации или те�?тировани�? прототипа безу�?ловно, было бы полезно показать поведение �?пи�?ка – ра�?т�?гивающие�?�? �?толбцы и т.д., и �?то очень про�?то �?делать – одна из �?ледующих запи�?ей про Preview будет как раз на �?ту тему.
Иван Сагалаев July 28th, 2005 at 9:47 am

�? как быть �? тем, когда рамочку в�?е таки хочет�?�? двинуть отдельно? Я понимаю, что �?того хочет�?�? реже, но в�?е же не и�?чезающе реже. В каче�?тве примера: кака�?-нибудь фонова�? подкладкапод группу контролов, котора�? визуально их обрамл�?ет, но которую хочет�?�? иметь лежащей _под_ ними, чтобы можно было вынуть и в�?тавить другу.

Думает�?�? мне, группировку-то не зр�? придумали. В той же упом�?нутой выше Xara объекты можно легко и группировать и дегруппировать обратно, измен�?�? поведение.
Юзабили�?т August 1st, 2005 at 8:37 am

�?апример:

Е�?ли рамку нужно про�?то вынуть и и�?пользовать в другом ме�?те, можно �?делать копию и удалить �? неё в�?е внутренние �?лементы.

Е�?ли надо заменить рамку, можно положить текущую рамку на новую, а затем �?пециальной командой удалить �?тарую.
kuschilop August 2nd, 2005 at 2:44 pm

Хороша�? иде�?, выгл�?дит удобно.
хотел бы прокомментировать некоторые детали а так же �?ледующее ваше �?ообщение на �?ту тему. �?екоторые упом�?нутые вами у�?овершен�?твовани�? уже реализованы в замечательном пакете XaraX. (www.xara.com) �?апример, е�?ли дл�? выделени�? не�?кольких объектов рамкой нужно начать ра�?т�?гивать рамку над другим объектом, до�?таточно удерживать Shift — и тогда �?тот другой объект не будет выделен и перемещен. Копирование объектов реализовано там, на мой взгл�?д, удобнее чем где-либо: при перета�?кивании объекта нужно кликнуть правой клавишей мыши, и �?разу по�?вит�?�? его копи�?. При �?том, можно продолжать тащить объект, и �?делать копии в других ме�?тах, е�?ли необходимо. При �?том можно так же и�?пользовать клавишу Ctrl: е�?ли удерживать ее при перета�?кивании, объект будет “тащить�?�?” только по горизонтали или вертикали. Это ча�?то бывает нужно.
ValeryDL October 19th, 2005 at 4:34 am

Вообще, е�?ли �?равнивать универ�?альные программы векторной графики и в�?е же куда более �?пециализированный пакет Visio, то программы, имеющие некие аналоги функций Glue and AutoConnect, выгл�?д�?т в�?е же предпочтительнее. К �?ожалению, развитие программы, поддерживающей интерактивно�?ть �?озданной �?труктуры (IntelliDraw) было о�?тановлено уже больше 10 лет назад. Visio при рождении еще именовал�?�? shapeware и на целый р�?д функций, которыми ра�?полагают универ�?альные векторные пакеты, про�?то и не претендовал. �? они вам как раз требуют�?�?.

Visio’s approach to drawing is entirely different from the approaches taken by other programs reviewed here. (IntelliDraw does, however, have many of Visio’s drag-and-drop and smart-graphics features.) Instead of calling it a drawing program, the publisher (Shapeware Corporation) calls it shapeware. This product is designed for business users who don’t know how to draw. The concept is that you create business drawings - floor plans, diagrams, flow charts, and so on - by combining predefined shapes. This approach, though somewhat limited, is very effective…

Xara в �?амом деле может выполн�?ть многое из того, что вам требует�?�?. �?о какие-то дополнительные операции по выделению объекта в группе или �?озданию темпоральных групп внутри группы через клавиши Ctrl и Shift в�?е равно требуют�?�?.

CorelDraw! и перелицованный канадцами под Corel Designer, �?правл�?�?�?ь �? ча�?тью задач, не могут работать �? более чем одним выделенным объектом в группе.

В Adobe Illustrator даже введено пон�?тие «Изолированной группы». Т.е. �?группированные объекты перевод�?т�?�? в �?о�?то�?ние равнозначно�?ти и изолированно�?ти. Можно произвольно мен�?ть, дублировать обычным дл�? Illustrator образом (Alt + Drug) объект или группу, подключать через Shift объекты, мен�?ть размеры группы, мен�?ть, е�?те�?твенно, толщину и цвет контура. Сдублированный объект автоматиче�?ки включает�?�? в группу.

В пр�?моугольном �?лементе можно однократно �?круглить углы через �?тарую опцию �?тилизации. В �?таром Professional Draw, в Xara и других упом�?нутых программах �?кругление можно модифицировать про�?тым образом; в Illustrator – через чи�?ловые значени�? неде�?труктивных �?ффектов (меню-меню и далее выбор опции и ввод нужных параметров).

Т.е. в�?е то же, что в Xara, но за мину�?ом дублировани�?. При работе �? объектом в группе ни drug и правый клик (имеющее�?�? и в CorelDRAW!), ни команда Ctrl+K (клон) не работают. Можно только �?копировать объект, но он не будет автоматиче�?ки включен в группу по�?ле в�?тавки. Другое дело, что его можно �?группировать �? группой, и в�?е возможно�?ти по отдельной работе �? объектами и в�?ей группой �?охран�?т�?�?.

Еще можно и�?пользовать такой вариант, как �?оздание про�?тейшего морфинга из одинаковых объектов (Blend). В Illustrator такое возможно пр�?мо внутри группы, в Xara нужно вначале �?оздать, а потом �?группировать бленд �? рамкой. Крайние объекты бленда можно выдел�?ть и перемещать; можно перемещать и ве�?ь такого рода объект. Тек�?т, е�?те�?твенно, должен быть вне бленда.

�?апомню еще про Canvas: оно может в�?е. �?ав�?кидку в�?поминает�?�?, что е�?ли на графиче�?кий примитив у�?тановить тек�?товый ин�?трумент, то он превращает�?�? в контейнер дл�? тек�?та… С учетом того, что Canvas теперь – не ущербный универ�?ал в векторной и ра�?тровой графике, презентаци�?х, вер�?тке, а напротив, в большом отрыве от о�?тальных, в том чи�?ле по �?ргономиче�?ким решени�?м (ме�?тами), то почему бы не Canvas? C его впечатл�?ющим PS-драйвером и др. любопытными вещами?

�? был бы �?ейча�? продолжающий развитие IntelliDraw или Professional Draw, наверное, вообще не было бы повода дл�? разговора…
Луня February 5th, 2009 at 3:57 pm

Классный пост однако, хотия и не все уяснил..
Леона February 6th, 2009 at 4:03 pm

Я и нн знал, что так происходит..
Djulia February 16th, 2009 at 9:48 am

Хаюшки блоггерам, я накшнец научилась создавать комменты!
Renata February 17th, 2009 at 10:01 am

Где можно подробнее узнать по данной теме, кроме usabilist.de?
Ghanna February 17th, 2009 at 12:28 pm

Приветкуи! Оечнь интересно было изучать ваш блог! Приходите и в мой блог!
ResiaTwisse April 13th, 2009 at 2:44 pm

5 февраля компанией «Полисет-СБ» будет представлена комплексная система безопасности под названием «Экспресс». Данная демонстрация пройдет в Москве в Выставочном комплексе «Крокус Сити», ведь именно здесь в это время и будет проводиться выставка «Технологии безопасности», тематике которой «Экспресс» полностью соответствует.
weepayjoype April 15th, 2009 at 9:05 am

Теперь я скажу несколько слов о подводке к дичи молодой собаки и о ее стойке.(В работе собаки по дичи следует различать 4 момента (подразделения) ее работы:

1 — поиск, длящийся до того момента, как собака начнет причуивать признаки присутствия дичи в доступном для ее чутья расстоянии;

2 — потяжку — работа собаки, разбирающейся в донесшемся до нее запахе до момента окончательного определения ею наличия дичи; эта работа заканчивается

23 Responses

Leave a Comment

Archived Entry