Продолжение темы
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.