1. Содержание:
Содержание:
Вступление
Что такое дизайн, и почему вам нужно об этом знать
Основы теории юзабилити
Проектирование интерфейса
Некоторые идеи интерактивного дизайна
Некоторые идеи графического дизайна
Основные контролы и правила их использования
Заключительная часть

2. Что такое дизайн,
и почему вам нужно
об этом знать

3. А как вы понимаете,
что такое «дизайн»?
фото: Adobe

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

5. Дизайн — это сознательные
и интуитивные усилия
по созданию значимого порядка.

6. Что такое «хороший дизайн»?
фото: Apple

7. Стив Джобс (глава Apple)
— В речи большинства людей
«дизайн» означает облицовку.
Но это совершенно не так!
Дизайн — это основа и душа
любого человеческого творения.
фото: msnbc.msn.com

8. Том Питерс (бизнес-гуру)
— Дизайн — это страсть,
эмоция и приверженность,
и все это должно быть
в сердце любого бизнеса.
фото: www.tompeters.com

9. Как дизайнеры видят окружающий мир
Нормальные люди Дизайнеры
«Продукт» или «услуга» «Переживания»
Это хороший товар Это кайф, писк
Он работает Он оставляет воспоминания
«Я рад, что купил его» «Я хочу еще!»
Удовлетворенный клиент Член клуба
Постоянный клиент Маркетинг из уст в уста
пример из книги Тома Питерса «Основы. Дизайн»
Вы получаете то, Вы удивлены и в восторге
за что платите от каждого поворота
Товар вам по карману Товар вам по душе
Удовлетворяет вашу Помогает вам
потребность самоопределиться

10. фото SmartMarmot с сайта flickr.com
Дизайн конвертируется в деньги

11. Дизайн конвертируется в деньги
5 руб.
фото SmartMarmot с сайта flickr.com

12. Дизайн конвертируется в деньги
180 руб.
фото JNSL с сайта flickr.com

13. Компании, пекущиеся о дизайне

14. Компании, пекущиеся о дизайне

15. Компании, пекущиеся о дизайне

16. Компании, пекущиеся о дизайне

17. Компании, пекущиеся о дизайне
На этом слайде
когда-нибудь будет
ваша компания

18. К чему же приводит такой подход?
Apple, Google, Nokia, Microsoft, ...
1 Повышается лояльность постоянных клиентов,
легче и быстрее происходят все согласования
2 Многократно увеличивается вероятность
привлечения новых заказчиков
3 Сокращается число обращений в службу поддержки,
претензий и замечаний, увеличивается число
положительных и восторженных отзывов

19. Основы
теории юзабилити

20. Дизайн должен быть простым.

21. В основе юзабилити лежит
здравый смысл.

22. Согласно ISO 9241-11
Юзабилити — это степень эффективности,
трудоемкости и удовлетворенности,
с которыми продукт может быть использован
определенными пользователями
при определенном контексте использования
для достижения определенных целей.
Usability — the extent to which a product can be used
by specified users to achieve specified goals with efficiency,
effectiveness and satisfaction in a specified context of use.

23. Значимые факторы юзабилити
Фактическая скорость работы пользователя,
субъективная скорость работы пользователя,
скорость реакции системы, количество че-
ловеческих ошибок, скорость обучения,
успешность, мощность, стоимость разработ-
ки, стандартность, совместимость, wow-фак-
тор, настраиваемость, легкость исправления
ошибок, воспринимаемая сложность, субъек-
тивная удовлетворенность…

24. Характеристики Шнейдермана
Бен Шнейдерман —
американский ученый,
профессор, изучающий
фундаментальные основы
взаимодействия человека
с компьютером.
фото: cs.umd.edu/~ben/

25. Характеристики Шнейдермана
— Скорость работы
— Количество человеческих ошибок
— Скорость обучения
— Удовлетворенность пользователей
— Запоминаемость

26. Юзабилити-тестирование
— Насколько плох или хорош
интерфейс?
— Лучше ли он старого?
— Быстро ли удается выполнить
действия?
— Ошибаются ли пользователи?
— Есть ли проблемы?
— Довольны ли пользователи?

27. фото: www.xperienceconsulting.com
Юзабилити-лаборатория

28. фото: www.xperienceconsulting.com
Юзабилити-лаборатория

29. Что нужно для тестирования
— Респонденты
— Метод тестирования
— Тестовые сценарии
— Рабочее место для теста
— Протестированный тест

30. Респонденты
УРААА!!!
Нас снова пригласили на
юзабилити-тестирование!
фото: tookie (flickr)

31. Количество респондентов
70% проблем
85% проблем

32. Опыт работы с системой
есть
отсутствует

33. Уровень компьютерной грамотности
высокий
низкий

34. Возраст
целевой
старше

35. Пол
Пропорциональное количество
женщин стоит чуть увеличить
по сравнению с целевой
илл.: Артемий Лебедев
аудиторией.

36. Пассивное наблюдение

37. Поток сознания
Здесь, кажется, я
должен поставить
галочку...

38. Активное вмешательство
А почему вы
нажали сюда?
Нууу...

39. Тестовые задания должны быть:
— однозначно понятными
— сформулированными полностью
— при этом достаточно краткими
— не содержащими в себе подсказок
— содержащими точку начала
выполнения задания
— такими, чтобы респондент должен
был сначала решить, нужно ли в
данное время выполнять действие

40. Проведение тестирования
1 Ввести респондента в задачу
2 Выяснить его ожидания от системы
3 Протестировать интерфейс
4 Выяснить, насколько оправдались
ожидания
5 Завершить тест

41. Анкетирование
Пожалуйста, подчеркните любые слова, которые,
на ваш взгляд, подходят для описания этого интерфейса:
Некрасивый Тусклый Устаревший
Тупой Полезный Удобный
Тормозящий Неэффективный Теплый
Дружественный Непредсказуемый Тоскливый
Наивный Управляемый Эффективный
Опасный Нечеткий Непоследовательный
Легкий Головоломный Ненадежный
Привлекательный Любительский Стандартный
Анкета: Владислав Головач
Светлый Комфортабельный Запутанный
Приятный Плохой Загадочный
Профессиональный Безопасный Неприятный

42. Проектирование
интерфейса

43. Дизайн всегда делается для людей
фото: evie22 (flickr)

44. Концептуальные подходы
Ориентация на пользователей
на задачи/цели пользователей
на деятельность пользователей

45. Анализ целей пользователя
фото: lightplace (flickr)

46. Когнитивная (позновательная) психология
Действие состоит из следующих этапов:
1 формирование цели
2 формирование намерения
3 определение конкретных действий
4 выполнение действий
5 восприятие нового состояния системы
6 интерпретация изменений
7 оценка результата

47. Оптимизация действия
Хороший дизайн:
1 нагляден
2 имеет ясную концептуальную модель
3 указывает возможные действия
4 позволяет легко выполнить действия
5 говорит, находится ли система в необх. сост.
6 имеет хорошее соотв. между сост. и его отобр.
7 имеет внятную обратную связь

48. фото: www.DaveWard.net (flickr)
Прототипирование интерфейсов

49. Прототип должен создаваться
и редактироваться быстро.

50. Прототип должен создаваться
и редактироваться быстро
очень быстро.

51. фото: Shawn Medero (A List Apart)
Бумажный прототип

52. фото: Shawn Medero (A List Apart)
Бумажный прототип

53. Бумажный прототип
фото: jcrivera.net

54. Скетч, иллюстрирующий идею
илл.: Константин Горский, Артем Горбунов

55. Структурный скетч

56. Прототип с графическим дизайном

57. Axure RP Pro

58. Axure RP Pro
Ориентирована на создание веб-сайтов.
Генерирует кликабельный HTML
и документацию в формате MS Word.
Windows, $589

59. Caretta GUI Design Studio

60. Caretta GUI Design Studio
Специализированное средство,
позволяющее создавать интерфейсы
в разных визуальных стилях, аннотации
к ним, раскадровки и т. д.
Можно экспортировать прототип.
Windows, $499

61. Balsamiq Mockups

62. Balsamiq Mockups
Подходит для быстрого создания макетов
интерфейсов.
Прототипы выглядят «рисованными».
Web, $79

63. Adobe InDesign

64. Adobe InDesign
Изначально рассчитана для верстки
полиграфических материалов, тем не менее
подходит и для отрисовки прототипов.
На выходе: кликабельный PDF
Windows, Mac, $699

65. Adobe Fireworks

66. Adobe Fireworks
Специально предназначена
для прототипирования интерфейсов.
На выходе: кликабельный PDF или HTML
Windows, Mac, $299

67. Adobe Dreamweaver

68. Adobe Dreamweaver
Предназначена для HTML-верстки
На выходе: кликабельный HTML
Windows, Mac, $399

69. Microsoft Expression Blend

70. Microsoft Expression Blend
Интегрируется с Visual Studio. Прототип
можно преобразовывать в конечный
продукт. Использует технологии Silverlight
или WPF.
Windows, $499

71. Microsoft Visio

72. Microsoft Visio
Возможно, вы уже знакомы с Visio.
Можно создавать кликабельные
HTML-прототипы
Windows, $560

73. Microsoft Powerpoint

74. Microsoft Powerpoint
Powerpoint поддерживает интерактивные
горячие точки, кторые можно использовать
для переходов между слайдами, создавая
кликабельный прототип.
Windows, Mac, $229

75. Прототипирование: мораль
Для простых задач можно использовать
любое средство, позволяющее рисовать.
Для сложных лучше выбрать
специализированный инструмент.

76. Некоторые идеи
интерактивного
дизайна

77. Машина — друг человека
Все, что система может
сделать самостоятельно,
она должна
сделать самостоятельно.

78. Логика!
В интерфейсах
логика важнее эстетики.

79. илл.: Макар и Студия Артемия Лебедева
Повелитель фотошопа

80. фото: Trendir.com
Тут всё понятно

81. А вот это уже не совсем ясно...
илл.: Студия Артемия Лебедева

82. А вот это уже совсем не ясно!
илл.: Студия Артемия Лебедева

83. Информативность и наглядность
Дизайн должен подсказывать,
какие действия возможны
в данный момент.
Дизайн должен быть наглядным.

84. Аффорданс (наглядность, affordance)
Объект должен показывать
способ своего использования
своими неотъемлемыми
свойствами.

85. Вкладки
Вопрос:
в каком разделе я нахожусь?

86. Пример: заполнение формы

87. Пример: заполнение формы

88. Пример: заполнение формы

89. Пример: заполнение формы

90. Пример: четкое визуальное выделение

91. Пример: четкое визуальное выделение

92. Пример: четкое визуальное выделение

93. идея илл. Артемия Лебедева
Теория близости

94. идея илл. Артемия Лебедева
Теория близости

95. Закон Фиттса
Время достижения цели прямо пропорционально дистанции до цели
и обратно пропорционально размеру цели
2 × расстояние до объекта
Время прицеливания = k log2 размер

96. Закон Фиттса

97. Принцип обратной связи
— Мгновенная проверка ввода
— Индикация ошибок
— Отображение прогресса
— Подтверждение действия

98. Мгновенная проверка ввода

99. Роботизация

100. Обязательные для заполнения поля

101. Простота

102. Некоторые идеи
графического дизайна

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

104. Мифы о дизайне
Есть правила (законы)
хорошего дизайна.

105. Мифы о дизайне
Дизайнер должен
уметь рисовать.

106. Незаметность дизайна

107. Незаметность дизайна

108. Пространственные отношения

109. Пространственные отношения

110. прим.: Mark Boulton

111. Гармоничные пропорции
3
2

112. Сетка — друг и помощник дизайнера

113. Сетка — друг и помощник дизайнера
прим.: Артем Горбунов

114. Сетка — друг и помощник дизайнера
Пример какой-то статьи
Принцип модульной сетки очень прост. Полезная часть
страницы состоит из ячеек-модулей, образующих ряды и
колонки. На ячейки натягиваются объекты, содержащие
изображения, графики или текст, причем каждый объект
может занимать прямоугольник из целого числа ячеек.
Эта нехитрая идея позволяет создавать безупречно
аккуратные и красивые композиции.
Беспристрастный анализ любого творческого акта
показывает, что монтаж изящно образует культовый образ, Solitude vs loneliness by Matilde B. @ Flickr
однако само по себе состояние игры всегда амбивалентно.
Иными словами, холерик дает импрессионизм, таким
образом, сходные законы контрастирующего развития

115. Сетка — друг и помощник дизайнера
Пример какой-то статьи
Принцип модульной сетки очень прост. Полезная часть
страницы состоит из ячеек-модулей, образующих ряды и
колонки. На ячейки натягиваются объекты, содержащие
изображения, графики или текст, причем каждый объект
может занимать прямоугольник из целого числа ячеек.
Эта нехитрая идея позволяет создавать безупречно
аккуратные и красивые композиции.
Беспристрастный анализ любого творческого акта
показывает, что монтаж изящно образует культовый образ, Solitude vs loneliness by Matilde B. @ Flickr
однако само по себе состояние игры всегда амбивалентно.
Иными словами, холерик дает импрессионизм, таким
образом, сходные законы контрастирующего развития

116. Сетка — друг и помощник дизайнера
Еще пример компоновки
Фото слева:
OneEighteen @ Flickr
Фото справа:
TerData @ Flickr
Принцип модульной сетки очень Эта нехитрая идея позволяет создавать
прост. Полезная часть страницы безупречно аккуратные и красивые
состоит из ячеек-модулей, образующих композиции.
ряды и колонки.

117. Сетка — друг и помощник дизайнера
Еще пример компоновки
Фото слева:
OneEighteen @ Flickr
Фото справа:
TerData @ Flickr
Принцип модульной сетки очень Эта нехитрая идея позволяет создавать
прост. Полезная часть страницы безупречно аккуратные и красивые
состоит из ячеек-модулей, образующих композиции.
ряды и колонки.

118. Пустое пространство

119. Пустое пространство

120. Пустое пространство

121. Цвет

122. Тон
0
30
60
90
120
150
180
210
240
270
300

123. Тон и яркость
100 90 80 70 60 50 40 30 20 10 0
0
30
60
90
120
150
180
210
240
270
300

124. Яркость
100 90 80 70 60 50 40 30 20 10 0

125. Яркость и насыщенность
100 90 80 70 60 50 40 30 20 10 0
100
90
80
70
60
50
40
30
20
10
0

126. kuler.adobe.com

127. Есть некоторые стереотипы
«Красный
олицетворяет
опасность».

128. Есть некоторые стереотипы
«Серый — скучный».

129. Есть некоторые стереотипы

130. Есть некоторые стереотипы
Да Нет

131. Универсальное решение
Онтогенез Гипотеза и теории
Его экзистенциальная тоска Фантазия трансформирует
выступает как побудительный мотив неизменный декаданс, таким
творчества, однако энтелехия образом, сходные законы
заканчивает суггестивный контрастирующего развития
классицизм, таким образом, все характерны и для процессов
перечисленные признаки архетипа в психике. Либидо монотонно
и мифа подтверждают, что действие начинает комплекс априорной
механизмов мифотворчества бисексуальности, таким образом,
сродни механизмам художественно- сходные законы контрастирующего
продуктивного мышления. развития характерны и для
процессов в психике. Развивая
эту тему, цвет трансформирует
персональный инвариант, так
Г.Корф формулирует собственную
антитезу.

132. Универсальное решение с красным

133. Универсальное решение с розовым

134. Универсальное решение с оранжевым

135. Универсальное решение с зеленым

136. Изображения из презентации Jason Santa Maria
Цвет можно взять из изображения

137. Цветовой контраст
Чем плохо такое сочетание цветов?

138. Цветовой контраст
Чем плохо такое сочетание цветов?

139. Цветовой контраст
Чем плохо такое сочетание цветов?

140. Про шрифты и типографику
фото: soozika (flickr)

141. Виды начертаний
abcdef abcdef
abcdef abcdef
abcdef abcdef

142. Вариации насыщенности
abcdefghijklmnop
abcdefghijklmnop
abcdefghijklmnop
abcdefghijklmnop
abcdefghijklmnop

143. Полужирное и курсивное начертания
Как полужирное начертание,
так и курсив предназначены для
выделения отдельных слов, фраз
или блоков текста в наборе.

144. Полужирное и курсивное начертания
Как полужирное
начертание, так и курсив
предназначены для
выделения отдельных слов,
фраз или блоков текста в
наборе.

145. Полужирное и курсивное начертания
Как полужирное
начертание, так и курсив
предназначены для
выделения отдельных слов,
фраз или блоков текста в
наборе.

146. Классическая антиква

147. Переходная антиква
Brick quiz whangs
jumpy veldt fox!
Brick quiz whangs
jumpy veldt fox!

148. Новая антиква

149. Кларендон

150. Футура

151. Гельветика
The quick brown
fox jumps over
the lazy dog.

152. Мета

153. Дефис, минус и тире
Дефис
Минус
Тире
илл.: Артемий Лебедев

154. Дефис
Дефис употребляется, во-первых,
для присоединения каких-либо
частиц или префиксов,
во-вторых, в словосочетаниях.
А тире — для обозначения пауз
в тексте или для выделения
прямой речи.

155. Кавычки
В русском языке традиционно
применяются «ёлочки», а для
«кавычек „внутри“ кавычек» —
„лапки“.

156. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, Скалярное произведение
что несомненно приведет нас к истине. Рациональное число последовательно транслирует транслирует интеграл по
бесконечной области, откуда
нормальный предел функции, что неудивительно. Целое число категорически стабилизирует следует доказываемое
эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью равенство. Представляется
доказано. Подынтегральное выражение необходимо и достаточно. логичным, что прямоугольная
матрица очевидна не для всех.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод
последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью
доказано. Собственное подмножество транслирует тригонометрический интеграл от функции,
обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую
константу. Минимум, следовательно, соответствует интеграл по ориентированной области,
таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует
косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что
известно даже школьникам. Первообразная функция притягивает критерий интегрируемости,
что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся
определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.

157. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, Скалярное произведение
что несомненно приведет нас к истине. Рациональное число последовательно транслирует транслирует интеграл по
бесконечной области, откуда
нормальный предел функции, что неудивительно. Целое число категорически стабилизирует следует доказываемое
эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью равенство. Представляется
доказано. Подынтегральное выражение необходимо и достаточно. логичным, что прямоугольная
матрица очевидна не для всех.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный
метод последовательных приближений, таким образом сбылась мечта идиота — утверждение
полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от
функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую
другую константу. Минимум, следовательно, соответствует интеграл по ориентированной
области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что
известно даже школьникам. Первообразная функция притягивает критерий интегрируемости,
что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся
определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.

158. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
бесконечной области, откуда
число последовательно транслирует нормальный предел функции, что следует доказываемое
неудивительно. Целое число категорически стабилизирует эмпирический равенство. Представляется
многочлен, таким образом сбылась мечта идиота — утверждение логичным, что прямоугольная
полностью доказано. Подынтегральное выражение необходимо и матрица очевидна не для всех.
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
притягивает критерий интегрируемости, что несомненно приведет нас к
истине.
Двойной интеграл, как следует из вышесказанного, стремительно
прим.: Mark Boulton
синхронизирует стремящийся определитель системы линейных
уравхорошонений, что несомненно приведет нас к истине.

159. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
бесконечной области, откуда
число последовательно транслирует нормальный предел функции, что следует доказываемое
неудивительно. Целое число категорически стабилизирует эмпирический равенство. Представляется
многочлен, таким образом сбылась мечта идиота — утверждение логичным, что прямоугольная
полностью доказано. Подынтегральное выражение необходимо и матрица очевидна не для всех.
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
притягивает критерий интегрируемости, что несомненно приведет нас к
истине.
Двойной интеграл, как следует из вышесказанного, стремительно
синхронизирует стремящийся определитель системы линейных
уравхорошонений, что несомненно приведет нас к истине.

160. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
число последовательно транслирует нормальный предел функции, что бесконечной области, откуда
неудивительно. Целое число категорически стабилизирует эмпирический следует доказываемое
многочлен, таким образом сбылась мечта идиота — утверждение равенство. Представляется
полностью доказано. Подынтегральное выражение необходимо и логичным, что прямоугольная
достаточно. матрица очевидна не для всех.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция

161. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
число последовательно транслирует нормальный предел функции, что бесконечной области, откуда
неудивительно. Целое число категорически стабилизирует эмпирический следует доказываемое
многочлен, таким образом сбылась мечта идиота — утверждение равенство. Представляется
полностью доказано. Подынтегральное выражение необходимо и логичным, что прямоугольная
достаточно. матрица очевидна не для всех.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция

162. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
бесконечной области, откуда
число последовательно транслирует нормальный предел функции, что следует доказываемое
неудивительно. Целое число категорически стабилизирует эмпирический равенство. Представляется
многочлен, таким образом сбылась мечта идиота — утверждение логичным, что прямоугольная
полностью доказано. Подынтегральное выражение необходимо и матрица очевидна не для всех.
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция

163. Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
бесконечной области, откуда
число последовательно транслирует нормальный предел функции, что следует доказываемое
неудивительно. Целое число категорически стабилизирует эмпирический равенство. Представляется
многочлен, таким образом сбылась мечта идиота — утверждение логичным, что прямоугольная
полностью доказано. Подынтегральное выражение необходимо и матрица очевидна не для всех.
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция

164. Как сверстать текст красиво
Было: Стало:
Функция, выпуклая кверху Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, Скалярное произведение
транслирует интеграл по Отсюда естественно следует, что длина вектора изящно упорядочивает Скалярное произведение
что несомненно приведет нас к истине. Рациональное число последовательно транслирует
бесконечной области, откуда скачок функции, что несомненно приведет нас к истине. Рациональное транслирует интеграл по
нормальный предел функции, что неудивительно. Целое число категорически стабилизирует следует доказываемое бесконечной области, откуда
эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью равенство. Представляется число последовательно транслирует нормальный предел функции, что следует доказываемое
доказано. Подынтегральное выражение необходимо и достаточно. логичным, что прямоугольная неудивительно. Целое число категорически стабилизирует эмпирический равенство. Представляется
матрица очевидна не для всех.
многочлен, таким образом сбылась мечта идиота — утверждение логичным, что прямоугольная
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный
полностью доказано. Подынтегральное выражение необходимо матрица очевидна не для всех.
метод последовательных приближений, таким образом сбылась мечта идиота — утверждение
полностью доказано. Собственное подмножество транслирует тригонометрический интеграл и достаточно.
от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять
любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной
Правда, некоторые специалисты отмечают, что матожидание
области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже школьникам. масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что Собственное подмножество транслирует тригонометрический интеграл
известно даже школьникам. Первообразная функция притягивает критерий интегрируемости,
от функции, обращающейся в бесконечность вдоль линии, при этом,
что несомненно приведет нас к истине.
вместо 13 можно взять любую другую константу. Минимум, следовательно,
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся соответствует интеграл по ориентированной области, таким образом,
определитель системы линейных уравхорошонений, что несомненно приведет нас к истине. утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
притягивает критерий интегрируемости, что несомненно приведет нас
к истине.

165. Оформляем таблицу
ФИО Баланс ИНН Адрес Примечание
Николай 252,15 руб. 153111 Степанова, 17, Игре на форте-
Римский- корп. 2 пиано композитор
Корсаков обучался дома, а
потом в пансионе,
где уроки музыки
были в числе прочих
образовательных
дисциплин.
Модест 312,7 руб. 240345 Академика Автор знаменитых
Мусоргский Сахарова, 8 опер на темы
русской истории,
славянской
мифологии а
также и на другие
национальные темы
Игорь 450 руб. 687565 Фрунзенская Русский
Стравинский набережная, 11 композитор,
дирижёр и пианист,
один из крупнейших
представителей

166. Оформляем таблицу
ФИО Баланс ИНН Адрес Примечание
Николай 252,15 153111 Степанова, 17, Игре на фортепиано композитор
Римский- руб. корп. 2 обучался дома, а потом в пансионе,
Корсаков где уроки музыки были в числе
прочих образовательных дисциплин.
Модест 312,7 руб. 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450 руб. 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил Глинка 611,89 123010 Дубосеков- Патриотическая песня Михаила
руб. ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

167. Оформляем таблицу
ФИО Баланс, ИНН Адрес Примечание
руб.
Николай 252,15 153111 Степанова, 17, Игре на фортепиано композитор
Римский- корп. 2 обучался дома, а потом в пансионе,
Корсаков где уроки музыки были в числе
прочих образовательных дисциплин.
Модест 312,7 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил Глинка 611,89 123010 Дубосеков- Патриотическая песня Михаила
ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

168. Оформляем таблицу
ФИО Баланс, ИНН Адрес Примечание
руб.
Николай 252,15 153111 Степанова, 17, Игре на фортепиано композитор
Римский- корп. 2 обучался дома, а потом в пансионе,
Корсаков где уроки музыки были в числе
прочих образовательных дисциплин.
Модест 312,70 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450,00 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил Глинка 611,89 123010 Дубосеков- Патриотическая песня Михаила
ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

169. Оформляем таблицу
ФИО Баланс, ИНН Адрес Примечание
руб.
Николай 252,15 153111 Степанова, Игре на фортепиано композитор
Римский- 17, корп. 2 обучался дома, а потом в
Корсаков пансионе, где уроки музыки были
в числе прочих образовательных
дисциплин.
Модест 312,70 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450,00 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил 611,89 123010 Дубосеков- Патриотическая песня Михаила
Глинка ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

170. Оформляем таблицу
ФИО Баланс, ИНН Адрес Примечание
руб.
Николай 252,15 153111 Степанова, Игре на фортепиано композитор
Римский- 17, корп. 2 обучался дома, а потом в
Корсаков пансионе, где уроки музыки были
в числе прочих образовательных
дисциплин.
Модест 312,70 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450,00 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил 611,89 123010 Дубосеков- Патриотическая песня Михаила
Глинка ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

171. Оформляем таблицу
ФИО Баланс, ИНН Адрес Примечание
руб.
Николай 252,15 153111 Степанова, Игре на фортепиано композитор
Римский- 17, корп. 2 обучался дома, а потом в
Корсаков пансионе, где уроки музыки были
в числе прочих образовательных
дисциплин.
Модест 312,70 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
мифологии а также и на другие
национальные темы
Игорь 450,00 687565 Фрунзенская Русский композитор, дирижёр
Стравинский набережная, и пианист, один из крупнейших
11 представителей мировой
музыкальной культуры XX века
Михаил 611,89 123010 Дубосеков- Патриотическая песня Михаила
Глинка ская, 4 Глинки в период с 1991 по 2000 год
являлась официальным гимном
Российской Федерации.

172. Оформляем таблицу
Было: Стало:
ФИО Баланс ИНН Адрес Примечание ФИО Баланс, ИНН Адрес Примечание
Николай 252,15 руб. 153111 Степанова, 17, Игре на форте- руб.
Римский- корп. 2 пиано композитор Николай 252,15 153111 Степанова, Игре на фортепиано композитор
Корсаков обучался дома, а Римский- 17, корп. 2 обучался дома, а потом в
потом в пансионе, Корсаков пансионе, где уроки музыки были
где уроки музыки в числе прочих образовательных
были в числе прочих дисциплин.
образовательных
дисциплин. Модест 312,70 240345 Академика Автор знаменитых опер на темы
Мусоргский Сахарова, 8 русской истории, славянской
Модест 312,7 руб. 240345 Академика Автор знаменитых
мифологии а также и на другие
Мусоргский Сахарова, 8 опер на темы
национальные темы
русской истории,
славянской Игорь 450,00 687565 Фрунзенская Русский композитор, дирижёр
мифологии а Стравинский набережная, и пианист, один из крупнейших
также и на другие 11 представителей мировой
национальные темы музыкальной культуры XX века
Игорь 450 руб. 687565 Фрунзенская Русский Михаил 611,89 123010 Дубосеков- Патриотическая песня Михаила
Стравинский набережная, 11 композитор, Глинка ская, 4 Глинки в период с 1991 по 2000 год
дирижёр и пианист, являлась официальным гимном
один из крупнейших Российской Федерации.
представителей
мировой
музыкальной
культуры XX века
Михаил Глинка 611,89 руб. 123010 Дубосековская, Патриотическая
4 песня Михаила
Глинки в период
с 1991 по 2000
год являлась
официальным
гимном Российской
Федерации.

173. Основные контролы
и правила их
использования

174. Кнопка
Кнопка — это любой элемент, взаимодействие
с которым ограничивается нажатием.

175. Кнопки
Недоступные действия Текст в неопределенной
заблокированы форме глагола
Есть достаточное
пустое пространство
между кнопками

176. Чекбоксы и радиокнопки
Кликабельные Радиокнопок
подписи к чекбоксам не меньше двух;
и радиокнопкам одна обязательно
установлена
Действие запускается
отдельно от выбора

177. Раскрывающийся список
По умолчанию стоит В списке
наиболее вероятное не слишком мало и
значение не слишком много
значений
Список имеет Элементы в списке
достаточную ширину отсортированы

178. Заключение

179. Дизайн —
это впечатления

180. Тестирование
юзабилити
очень важно!

181. Дизайн всегда
делается для людей

182. Дизайн
должен быть
простым

183. Дизайн
спасёт мир

184. Здорово
использовать
инструменты
по назначению

185. По проектированию интерфейсов
Alan Cooper Jef Raskin Bruce Tognazzini Apple Human
Interface Guidelines
About Face: The Humane Inter- Tog on Interface http://developer.apple.com/ue/
The essentials face: New Direc-
of Interaction Design tions for Designing Windows
Interactive Systems. User Experience
Interaction
Wiley, 2007 Addison-Wesley Addison-Wesley
Professional, 2000 Professional, 1992
Guidelines
http://msdn.microsoft.com/
en-us/library/aa511258.aspx

186. По юзабилити
Jacob Nielsen Steve Krug Влад Головач
Designing Web Don’t Make Me Цикл статей
Usability: the Practice Think! A Common на http://www.usethics.ru/lib/
of Simplicity Sense Approach
to Web Usability
New Riders, 1999 New Riders, 2005

187. По графическому дизайну и типографике
Дмитрий Josef Muller- Robert
Кирсанов Brockmann Bringhurst
Веб-дизайн Grid Systems in The Elements of
Graphic Design Typographic Style
Санкт-Петербург, 2001 Arthur Niggli, 1996 Hartley and Marks
Publishers, 2004

188. По представлению информации
Edward Tufte Edward Tufte Edward Tufte Edward Tufte
The Visual Display Envisioning Visual Explanations: Beautiful Evidence
of Quantitative Information Images and Quanti-
Information ties, Evidence and
Narrative

189. По образу мышления
Donald A. Norman Alan Cooper Артемий Лебедев
The Design of The Inmates Ководство
Everyday Things Are Running the
Asylum: Why High http://www.artlebedev.ru/
Tech Products kovodstvo/
Drive Us Crazy and
How To Restore
The Sanity
Basic Books, 2002 Sams, 1999 Издательство студии
Артемия Лебедева, 2007

190. Простота —
необходимое условие
прекрасного.
Л. Н. Толстой.