Продолжение темы
http://rsdn.ru/forum/usability/5069828.1Автор: Glenn
Дата: 14.02.13
. К данному моенту я доработал первоначальную версию того Silverlight demo application
На
http://files.rsdn.ru/44022/SilverlightDemo3Page.html находится последняя версия этого же приложения.
Таким образом, в процессе его разработки я прошёл через следующие шаги (можно считать это разбором "процесса улучшения usability"):
1. Мне нужно было КАКОЕ-НИБУДЬ приложение, как demo к моему резюме.
2. Я мог конечно сделать offline приложение, разместив его исходники на своём сайте. Но куда лучше если это приложение будет сразу же доступно моему потенциальному читателю резюме.
3. Значит, приложение должно быть в webe. С точки зрения доступности лучше всего сделать приложение на HTML+JavaScript. НО: это ещё надо найти где-то бесплатный хостинг ASP.NET приложений...
4. Потому я решил сделать его на Silverlight, который немного знаю.
5. Сначала я хотел сделать "просто demo", "сюжет" которого взят из головы. Однако потом подумал — а почему бы не "заложить" в это demo не просто некую "высосанную из пальца" функциональность, а сделать своего рода "интерактивное резюме" СО СВОЕЙ РЕАЛЬНОЙ информацией?
6. Чтобы оно и в самом деле было ИНТЕРАКТИВНЫМ, я решил ввести дополнительно функцию "быстрого поиска" — это поле "Look in the Skills list below by:".
7. Создав поле "Look in the Skills list below by:", я задумался: а что если Пользователь его не заметит? Пользователю может быть совсем не очевидной связка "Содержимое списка Skills можно отфильтровать, введя нужное ключевое слово". А мне очень хотелось чтобы он этим полем попользовался, увидев что перед ним настоящий application, а не просто web страница.
Поэтому я поместил в это поле текст "type a keyword here..." набранный слабым шрифтом. Этот текст автоматически исчезает, как только в поле попадёт фокус.
8. Но и этого мне показалось мало! Хотелось всё-таки привлечь внимание к полю Look in the Skills list below by:" наверняка. Поэтому я применил такой трюк: сразу после захода на экран этот текст "type a keyword here..." мерцает пару секунд; затем успокаивается
9. Текст "->" в промежутке между списком Skills и полем Details вставлен чтобы подчеркнуть связку: поле Details в данный конкретный момент отражает детали того Skill-а который выбран в списке Skills.
10. Сначала (см
http://files.rsdn.ru/44022/SilverlightDemo1Page.html) я НЕ выбирал ничего в списке Skills сразу после захода на экран. Однако потом пришёл к выводу — лучше сразу автоматически выбрать первую строку из Skills. Тем самы пользователю станет очевиднее связка Skills -> Details
Кроме того, первый вариант
http://files.rsdn.ru/44022/SilverlightDemo1Page.html был слишком "навязчивым" в смысле мерцания.
11. Вариант
http://files.rsdn.ru/44022/SilverlightDemo2Page.html был уже лучше.
Тем не менее я решил — на одном экране совмещены intro (текст "This is s demo ...") и собственно функциональность. В результате экран получился несколько "информационно перегруженным". Поэтому я разделил его на два (вызываемых один за другим) —
http://files.rsdn.ru/44022/SilverlightDemo3Page.html.
Здравствуйте, Glenn, Вы писали:
G>Продолжение темы http://rsdn.ru/forum/usability/5069828.1Автор: Glenn
Дата: 14.02.13
. К данному моенту я доработал первоначальную версию того Silverlight demo application
G>На http://files.rsdn.ru/44022/SilverlightDemo3Page.html находится последняя версия этого же приложения.
Какой молодец.
G>8. Но и этого мне показалось мало! Хотелось всё-таки привлечь внимание к полю Look in the Skills list below by:" наверняка. Поэтому я применил такой трюк: сразу после захода на экран этот текст "type a keyword here..." мерцает пару секунд; затем успокаивается
Всё равно фокус моего внимания туда не попал. Привычка игнорировать мерцающий текст на баннерах.
офтопное
Ещё мне понравилось:
My name is Victor Sotnikov.
I am a .NET developer.
I like to swim in the river.
Moscow is the capital of Russia Federation.
Здравствуйте, TimurSPB, Вы писали:
G>>8. Но и этого мне показалось мало! Хотелось всё-таки привлечь внимание к полю Look in the Skills list below by:" наверняка. Поэтому я применил такой трюк: сразу после захода на экран этот текст "type a keyword here..." мерцает пару секунд; затем успокаивается
TSP>Всё равно фокус моего внимания туда не попал. Привычка игнорировать мерцающий текст на баннерах.
TSP>офтопное
TSP>Ещё мне понравилось:
TSP>TSP>My name is Victor Sotnikov.
TSP>I am a .NET developer.
TSP>I like to swim in the river.
TSP>Moscow is the capital of Russia Federation.
Я сейчас (
http://files.rsdn.ru/44022/SilverlightDemo4Page.html) решил ввести ещё один экран со своего рода help-ом. Предварительно на нём Пользователь увидит — ЧТО его ожидает в собственно приложении.
Получился интерфейс в таком wizard style. Мне этот style всегда нравился: информация разбивается на небольшие и потому легче воспринимаемые порции; на каждом экране — подробное объяснение.
G>Я сейчас (http://files.rsdn.ru/44022/SilverlightDemo4Page.html) решил ввести ещё один экран со своего рода help-ом. Предварительно на нём Пользователь увидит — ЧТО его ожидает в собственно приложении.
G>Получился интерфейс в таком wizard style. Мне этот style всегда нравился: информация разбивается на небольшие и потому легче воспринимаемые порции; на каждом экране — подробное объяснение.
Без обид. Но я в таких случаях жму "next", "next", "next"... Чтобы скорее перейти к нужному мне функционалу.
Какова цель проекта? Изучение технологии или же тренировка скилов в области UI?
Если первое, то все норм. Ничего не виснет, всё грузится. Если второе, то как то все печально. Может начать с классики, почитать что то из основ?
"Но я в таких случаях жму "next", "next", "next"... Чтобы скорее перейти к нужному мне функционалу."
Мммм...ну я же нарочно нарисовал ВОТ ТАКОГО РАЗМЕРА СТРЕЛКИ С СООТВЕТСТВУЮЩИМ ТЕКСТОМ (см второй по счёту экран) :-)
Я надеялся — хоть ЭТО привлечёт внимание и не даст механически нажать на NEXT...
А вообще мне идея "небольшой help-страницы с рисунком" нравится. Вот как это изящно
сделано в Help-е известной программы Total Commander. Я сам всегда тихо зверею, читая многострочные
описания GUI-экрана в help-ах. Зачем
описывать текстом то что можно тут же — в help-е
нарисовать! И нарисовать, и поместить поверх этого рисунка "легенду" — стрелочки с объяснениями. Ладно, лет 16 тому назад включение картинок в help-экраны могло считаться "расточительным использованием машинных ресурсов" — но не теперь же
