Слайд 2Распределение заданий
Выберите себе задание из списка
есть группа связанных заданий
«Застолбите» его, пометив в
![Распределение заданий Выберите себе задание из списка есть группа связанных заданий «Застолбите»](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-1.jpg)
файле
красным весь текст задания
Перепишите себе на бумагу
это удобно при обсуждениях и консультациях
Прочитайте текст еще раз
Слайд 3Почему мы начинаем с интерфейса?
Утверждение задания
Основа для планирования приложения
Не надо будет переделывать
![Почему мы начинаем с интерфейса? Утверждение задания Основа для планирования приложения Не надо будет переделывать программу](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-2.jpg)
программу
Слайд 4Чем мы располагаем?
Borland C 3.1
Графический режим DOS
Весь экран
Tol’ko latinitsa, pishite translitom
or write
![Чем мы располагаем? Borland C 3.1 Графический режим DOS Весь экран Tol’ko](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-3.jpg)
in english if you dare
Текст можно размещать где угодно
И делать разноцветным
Можно рисовать линии
Слайд 5Пример
5. Разработать программу, отображающую текущее время в виде стрелочных часов, дополнительно показывающих цифрами
![Пример 5. Разработать программу, отображающую текущее время в виде стрелочных часов, дополнительно](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-4.jpg)
текущее время и дату. Предусмотреть функции будильника и таймера.
Слайд 6Проектирование интерфейса
Любой интерфейс – это зло!
Человек хочет не «пользоваться программой», а решить
![Проектирование интерфейса Любой интерфейс – это зло! Человек хочет не «пользоваться программой»,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-5.jpg)
свою задачу
Интерфейс должен быть минимальным и незаметным
Интерфейс должен быть понятным
Без посторонних пояснений
Без справки (ну, это в идеале)
Слайд 7Единообразие
Похожие действия должны иметь одинаковый интерфейс
Элементы интерфейса должны быть выровнены по сетке
Текст
![Единообразие Похожие действия должны иметь одинаковый интерфейс Элементы интерфейса должны быть выровнены](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-6.jpg)
должен быть
Одинаково капитализирован
На одном языке / одним типом транслита
Одинаковые слова для одинаковых действий
Слайд 8Использование пространства
Заполняйте весь экран
На экране должна быть вся необходимая для принятия решения
![Использование пространства Заполняйте весь экран На экране должна быть вся необходимая для](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-7.jpg)
информация
И только она, чтобы не сбивать человека с толку
Слайд 9Использование текста
Краткость – сестра таланта
Избегайте тавтологий
Сохраняйте понятность
Цветовое кодирование
Пользователь должен понимать, какие действия
![Использование текста Краткость – сестра таланта Избегайте тавтологий Сохраняйте понятность Цветовое кодирование](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-8.jpg)
доступны ему в данный момент
Слайд 10Управление программой
Удобные и широко используемые клавиши
«пробел» - очень большая, удобно нажимаемая клавиша
![Управление программой Удобные и широко используемые клавиши «пробел» - очень большая, удобно](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-9.jpg)
для частых действий
«esc» - для отмены действия, возврата
«f1», «?» - для вызова справки
Можно вызывать функции программы по первой букве их названия для удобства запоминания
Выход из программы в любой момент
Слайд 11Ошибки пользователей
Лучше всего, если пользователь не сможет ошибиться
Списки альтернатив
Проверка введенного символа
Если пользователь
![Ошибки пользователей Лучше всего, если пользователь не сможет ошибиться Списки альтернатив Проверка](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-10.jpg)
ошибся
Программа продолжает вести себя адекватно
Автокоррекция ошибки
Возврат назад
Слайд 12Тестирование
Покажите ваш интерфейс знакомым, примите к сведению советы
Покажите его мне перед следующим
![Тестирование Покажите ваш интерфейс знакомым, примите к сведению советы Покажите его мне перед следующим обсуждением](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169454/slide-11.jpg)
обсуждением