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

Летом прошлого года прошло замечательное событие — 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

Обзор инструментов для UI-дизайнера и Информационного архитектора

Каким инструментарием пользуетесь Вы? В сегодняшней статье вы найдете быстрый обзор десяти популярных инструментов для UI-дизайнеров и информационных архитекторов.


1. Microsoft Visio
Компания: Microsoft
URL: http://office.microsoft.com/en-us/visio

Итак, начнем со старого доброго MS Visio. Visio—наше все. Этот векторный редактор для создания диаграмм превратился в стандарт де-факто для UI дизайнеров и инфо-архов.

---

2. Axure RP
Компания: Axure
URL: http://www.axure.com

Это хорошо известный и легкий инструмент для UI проектирования, вайфрэймов и разработки прототипов, поддерживает создание дизайна страниц, виджеты, экспорт в Microsoft Word и т.д.

---

3. Adobe Creative Studio
Компания: Adobe
URL: http://www.adobe.com/products/photoshop/photoshop

Вы можете сказать мне, что Adobe CS не предназначен для полноценного создания вайфрэймов и прототипов, но я хочу напомнить, что миллионы дизайнеров во всем мире стали использовать CS в качестве главного инструмента построение UI.

---

4. Elegance Tech Lucid Spec
Компания: Elegance Tech
URL: http://www.elegancetech.com/LS/LS.aspx

Подобно Axure, LucidSpec предлагает возможность создания статического прототипа приложения. К сожалению, продукт не является стопроцентным «simulation tool». Попробуйте.

---

5. iRise Studio, iRise Manager, iRise Server, iRise Reader, iRise iDoc
Компания: iRise
URL: http://www.irise.com/products/diagram.php

Вот как представляет свои продуйты iRise на своем сайте:

“iRise simulations are so close to the final applications that people can't tell the difference between the two. SunTrust recently unveiled their new banking application-a critical element in retaining acquired customers through a merger with NCF Bank-that was simulated first. In addition to look & feel, the user experience between the simulation and the final website are nearly identical.”

Действительно классные инструменты! Полнофункциональный подход. Поддержка многих функций.

---

6. Serena Composer
Компания: Serena
URL: http://www.serena.com/US/products/composer/

Serena предназначена для моделирования бизнесс-процессов на самом высоком уровне (как Visio). Позволяет создавать дизайн страниц, вайфрэймы, прототипы. Похож на продукты iRise. Недостатком является то, что скомпонованные прототипы нельзя просмотреть на других компьютерах, не оборудованных инструментом.

---

7. Simunication Enterprise Simulator
Компания: Simunication
URL: http://www.simunication.com/

Хороший веб-инструмент со сложным UI :)
Процесс построения UI включает в себя создание вариантов использования (use cases), затем моделирования UI на основе этих вариантов использования.
Несомненным плюсом является то, что прототипы распространяются через веб — иными словами, заказчику нужен лишь браузер, чтобы изучить их.

---

8. Sofea Profesy
Компания: Sofea
URL: http://www.sofeainc.com/

Profesy похож на Composer, поэтому перенял его достоинства и недостатки.

---

9. Intuitect Professional
Компания: Intuitect
URL: http://www.intuitect.com/products/intuitect-professional.php

Intuitect Professional позволяет создавать карты сайта, вайфрэймы, прототипы и диаграммы. К недостаткам можно отнести слабую функциональность в некоторых областях. К достоинствам — легкость и возможность использования в качестве add-оn к Visio.

---

10. OmniGroup OmniGraffle
Компания: OmniGroup
URL: http://www.omnigroup.com/applications/omnigraffle/

Это скорее редактор бизнесc-графики, чем инструмент проектирования UI.
На данный момент я нашел только родную версию для Mac OS X. Инструмент является лучшим редактором бизнесс-графики для этой ОС.

---

См. также:
Бизнесс-графика, Вайфрэйминг, Диаграммы:

http://www.smartdraw.com/

http://www.mindjet.com/

http://www.mockupscreens.com/

Анализаторы кликов:

http://www.labsmedia.com/clickheat/

http://crazyegg.com/

http://clickdensity.com/

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