Подумайте о слушателях

Летом прошлого года прошло замечательное событие — EPAM Software Engineering Conference'2006.

Из официального пресс-релиза:

В мероприятии приняло участие более 300 сотрудников компании из пяти стран, в которых находятся центры разработки EPAM Systems. В течение двух дней прозвучало более 40 докладов, охвативших широкий спектр тем: управление проектами, управление качеством, вопросы интеграции приложений, бизнес-анализ, управление требованиями заказчика, вертикальные решения, применение многократно используемых компонентов и т.д.

Конференция прошла "на ура".

Но речь пойдет не о самом мероприятии, а о презентационных материалах и о том, как подготовить и провести полезную и запоминающуюся презентацию.

О презентационных материалах

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

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

Главным упущением в оформлении презентаций, на наш взгляд, было:

• отсутствие индикатора, отображающего количество оставшихся слайдов до конца презентации (мы слышали, как люди говорили: "Не знаешь, сколько слайдов до конца?" или "Уже долго рассказывает, полчаса осталось, как думаешь, дошли ли до половины?" и т.д.);
• наличие большого количества нечитающегося текста на одном слайде ("Что там написано, не видишь?");
• мешанина в слайдах — когда слушатели не понимают, что докладчик говорит уже о другой проблеме;
• неоправданное количество эффектов ("Ух!");
• много текста, мало иллюстраций ("А картинки у них вообще будут?").

Советы дизайнерам презентаций: подумайте о слушателях

Подумайте о слушателях — слушатели должны знать, из каких тем состоит презентация, насколько она большая, понимать, где мы находимся в данный момент (проблема местоположения и навигации). Это раз.

Слушатели должны иметь что-то на руках для прочтения. Это два.

Самую сложную информацию слушатели должны воспринимать через иллюстрации. Это три.

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

Не забывайте, что из всех более или менее полезных презентаций слушатели обычно запоминают самую красивую и профессионально-оформленную :) Это пять.

Советы докладчикам: подумайте о слушателях еще раз

Cлушатели должны слушать вас, а не читать с экрана. Это раз.

Слушатели должны иметь возможность задать вопросы. Это два.

Слушатели ожидают от докладчика интересной презентации, не разочаруйте их. Это три.

Слушатели смогут слушать вас всего 3 минуты, не отвлекаясь (доказано!). Не дайте им отвлечься. Это четыре.

Слушатели любят слышать рассказ, а не чтение с листка. Не читайте по листику или с экрана. Это пять.

Обязательно возьмите с собой:

• Бэдж
• Визитки
• Указку (лазерную или любую другую)
• Раздаточный материал (в достаточном количестве)
• Флэшку с презентацией (даже если вы посылали ее по электропочте)
• Распечатку самой презентации для себя(а вдруг понадобится)
• Носовой платок (салфетки)

Есть еще примерно 450367 советов на тему, как разработать и провести классную презентацию, но мы предложим вам начать именно с вышеописанных десяти.

Презентация "Modeling of Usable User Interfaces"

Примеры хорошо огранизованной презентации приведены ниже:
Слайд №1 — Заглавный слайд презентауции. Индикатор отображения пройденных страниц пуст.


Слайд №7 — Пример отображения заглавного слайда секции.


Слайд №19 — Термины лучше сопровождать иллюстрацией.


Слайд №32 — Понятные и простые диаграммы всегда и везде! Ого, почти половина слайдов позади!



Читайте и комментируйте оригинальную статью на ui.by

Аргентина-Ямайка 5:0

Целая кладезь идей или же наоборот примеры плохо организованного пространства и информации таят в себе информационные таблички на спорт-каналах.

Если вы имеете хоть какое-то отношение к проектированию интерфейсов, вы всегда будете смотреть на подачу информации критически — будь-то веб или экран телевизора.

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

Пример хорошего информационного дизайна приведен ниже (не ручаюсь за точную передачу визуального решения, но идея, я думаю, понятна): Почему этот дизайн хороший: 1. Наличие самого дизайна — уже похвально (то есть не обычная табличка 7:4)
2. Узкая полоска, которая располагается слева или справа экрана незаметна и в тоже время, всегда можно узнать текущую информацию о партии
3. Четко видно, кто как играет во время всей партии — сначала бразильцы набирают очки без проблем, русские подтягиваются, но потом, вроде бы, бразильцы опять начинают давить.
4. Другая информация (подачи, замены, таймауты) тоже, скорее всего, отображается на этом условном временном графике (я не сильно разбираюсь в волейболе :))


Телеканал: Планета-Cпорт (Россия)
Вид спорта: Волейбол
P.S. Наши проиграли 3-1 по партиям.






Читайте и комментируйте оригинальную статью на ui.by

Прослушайте свое приложение!

При проектировнии системы необходимо уделять внимание мелочам. Даже таким, на первый взгляд, незначительным, как системные звуки браузера. Как известно, Windows Explorer (и конечно же IE, так как они интегрированы друг с другом) по умлочанию содержит ряд звуков, которые могут слегка испортить впечатление о системе, если она спроектирована не совсем правильно.

Подумать только! Даже Google грешит подобной проблемой. Оденьте наушники, запустите IE, введите свой ник и пароль и нажмите ввод — что вы слышите? Правильно — два щелчка.

Откуда же взялся второй щелчок? Попробуем разобраться. Дело в том, что системный звук Start Navigation ассоциирован, например, с такими событиями как навигация на другую страницу и отправка формы. Вот как раз отправка формы и вызывает большое количество вопросов. Если AJAX-приложение зачем-то пытается пересабмитать данные в другую форму программным образом, оно в итоге вызывает метод form.submit() и происходит второй а то и третий щелчок.

Для мазохистов-любителей предлагаю запустить подобный код в IE.

Строчи пулемет!


Читайте и комментируйте оригинальную статью на ui.by

О Verdana

Verdana — шрифт без засечек, который был специально разработан для Веб. Впервые Verdana был доставлен с IE в 1996 и стал лидером по использованию в Веб по всему миру.

Автор: на самом деле первоначальным автором являлся Tom Rickner, но официальным автором на сегодня является Matthew Carter
Владелец: Microsoft Corp. Verdana имеет один гиганский недостаток, он очень широкий и посему практически непригоден для приложений с интенсивной плотностью данных в формах...

Что можно порекомендовать?

Tahoma — шрифт без засечек, который был разработан для отображения UI (сравните с Verdana, особенно строчные литеры). Рождение растровой Tahoma на самом деле произошло в 1994 году. Популярность пришла в 2000, когда векторная версия шрифта стала использоваться по умолчанию в UI таких ОС как Windows 2000, Windows XP и Windows Server 2003 (он заменил MS Sans Serif).
Автор:все тот же Matthew Carter
Владелец: Microsoft Corp.

Tahoma унаследовала все достоинства Verdana и устранила ее недостатки. Это прекрасно! К слову говоря, многие забывают про другой мегашрифт.

Да, это Arial: Arial — современный шрифт без засечек, который вобрал в себя последние шрифтовые тенденции 20-го столетия.

Arial индустриален и универсален: вы можете использовать его как в Веб, так и в печати и графическом дизайне.
Автор:Robin Nicholas и Patricia Saunders
Владелец: Agfa Monotype Corp.

Arial любят за его плотность, хотя при маленьких кеглях это скорее недостаток, чем достоинство.

Вердикт: Verdana несомненно устарел. Используете Verdana 2.0—Tahoma. Ну а вечный Arial вообще вне конкуренции. Хотя на вкус и цвет товарища нет.

Ваше личное дело, какой шрифт использовать в ваших приложениях.

Читайте и комментируйте оригинальную статью на ui.by