ГЛАВА 4. СЕМИНАР ПОВТОРНОГО РАССМОТРЕНИЯ Продолжительность: 2—3 часа ÎÁÇÎÐ ÃËÀÂÛ Процесс пересмотра является очень важным шагом в создании удобного и эффективного веб-сайта для клиента. В этом разделе учащиеся учатся совместному пересмотру веб-сайта в целом. Они учатся оценивать веб-сайт отдельно от контента, предоставляя положительный и конструктивный отклик. Они рассматривают определенные вопросы дизайна веб-сайта, такие как навигация, контекст и ссылки. Затем учащиеся реализуют рекомендуемые изменения с помощью перепроектировки сайта. Основное внимание в этой главе уделяется изучению совместных методов повторного рассмотрения и изменения дизайна. ÖÅËÈ ÃËÀÂÛ По завершении главы учащиеся приобретут следующие навыки: Навыки управления проектом • Проведение семинара повторного рассмотрения. • Обеспечение конструктивной критики. Навыки дизайна • Дизайн для удобства использования. • Обеспечение согласованности и доступности. • Обеспечение универсальной навигации. • Адаптация содержимого для улучшения читаемости и выразительности. Навыки исследования и взаимодействия • Представление веб-сайта группе. • Обеспечение значимого, но не слишком критичного отклика. • Запись критических замечаний. • Демонстрация реализации целей перепроектирования. ЦИФРОВОЙ ДИЗАЙН: ОСНОВЫ ВЕБ-ПРОЕКТИРОВАНИЯ С ПОМОЩЬЮ ИНСТРУМЕНТОВ ADOBE 471 Краткое содержание упражнений Эта глава содержит следующие упражнения с пособиями и другими материалами. Упражнение Материалы для упражнения Упражнение 4.1. Семинар повторного рассмотрения Пособие «Семинар повторного рассмотрения» ÓÏÐÀÆÍÅÍÈÅ 4.1. ÑÅÌÈÍÀÐ ÏÎÂÒÎÐÍÎÃÎ ÐÀÑÑÌÎÒÐÅÍÈß Öåëè • • • Предоставить отклик коллег на семинаре повторного рассмотрения. Пересмотреть примеры веб-портфолио, анализируя дизайн и содержимое. Предоставить пересмотренные примеры работ учащимся. Ìàòåðèàëû • • Adobe Dreamweaver CS5, установленный на рабочих компьютерах учащихся. Пособие «Семинар повторного рассмотрения». Ïðîäîëæèòåëüíîñòü 90—135 минут Îáçîð Учащиеся изучают дизайн и содержимое своих веб-сайтов и проводят процесс пересмотра. Учащиеся затем реализуют рекомендуемые изменения и представляют исправленные вебсайты другим учащимся. Результат работы учащихся: презентация веб-портфолио. Øàãè âûïîëíåíèÿ óïðàæíåíèÿ 1. Опишите данное завершающее упражнение как способ рассмотрения веб-портфолио учащихся как сайтов в целом. Поскольку учащиеся сосредотачивались на каждой части, которую они добавляли в портфолио, это упражнение позволяет им сделать шаг назад и оценить дизайн портфолио в целом. 2. Во время обсуждения определите и составьте список свойств, которые будут выступать в роли критериев для дизайна и разработки содержимого при подготовке к повторному рассмотрению. Некоторые возможные наводящие вопросы: 472 ГЛАВА 4. Семинар повторного рассмотрения Дизайн • Единообразие и согласованность. Помогают ли элементы, неоднократно встречающиеся на внутренних страницах, воспринимать портфолио как целостный сайт? Какие атрибуты веб-сайта поддерживают или нарушают согласованность? • Универсальная навигация. Где расположена главная навигация на сайте, появляется ли она на всех страницах? • Макет. Является ли макет логичным или элементы страницы появляются на произвольных позициях? Требует ли страница чрезмерной прокрутки? • Ссылки. Правильно ли помечены ссылки? • Удобство использования. Быстро ли загружается страница? Могут ли посетители свободно найти информацию? • Удобство чтения. Есть ли на странице форматирование, повышающее или снижающее удобство чтения? • Доступность. Все ли изображения помечены альтернативным текстом (тег Alt)? Легко ли читается текст и названия всеми посетителями сайта (цвет, размер и т. д.)? Имеют ли изображения ссылки и hotspots (изображения-карты) альтернативные текстовые метки? Какие детали могут или не могут быть прочитаны экранными дикторами? Содержимое: • Каково предназначение веб-сайта? Чем отличается предназначение портфолио от других веб-сайтов, таких как веб-сайт клиента? Как предназначение влияет на контент? • Кто является целевой аудиторией веб-сайта? Как аудитория примеров работ отличается от аудитории других сайтов, таких как веб-сайт клиента. Как аудитория влияет на содержимое? • Является ли содержимое обоснованным? • Соответствует ли содержимое задачам веб-сайта? • Совпадает ли содержимое и структура с раскадровкой, блок-схемой и каркасом, используемыми для проектирования? • Соответствует ли уровень языка целевой аудитории? • Содержат ли страницы орфографические, пунктуационные или грамматические ошибки? 3. Напишите список этих свойств, чтобы учащиеся могли обращаться к ним во время семинара повторного рассмотрения. 4. Представьте концепцию и процесс повторного рассмотрения как конструктивный способ давать и получать отзыв: • Дизайнер представляет веб-портфолио, описывая аудиторию, предназначение и задачи, а также тип информации, включенный портфолио, и причины, по которым эта информация включена. Затем дизайнер делает презентацию портфолио. • Один член группы повторно формулирует аудиторию, предназначение и задачи, а также информационное содержание для подтверждения понимания группой презентации дизайнера. ЦИФРОВОЙ ДИЗАЙН: ОСНОВЫ ВЕБ-ПРОЕКТИРОВАНИЯ С ПОМОЩЬЮ ИНСТРУМЕНТОВ ADOBE • • 473 Группа предоставляет отклик о работе, пока дизайнер делает заметки, но не комментирует. Отклик группы должен охватывать сильные стороны дизайна и содержимого проекта, плюс предложенные улучшения дизайна и содержимого проекта. Один член группы подводит итоги сильных сторон проекта. Пособие «Семинар повторного рассмотрения». 5. Разделите учащихся на группы для семинара по три или четыре человека. 6. Посоветуйте учащимся делать записи во время повторного рассмотрения, в дальнейшем они помогут при внесении изменений в дизайн. 7. Попросите каждую группу провести семинар повторного рассмотрения для вебпортфолио каждого члена группы. 8. Попросите отдельных учащихся реализовать некоторые предложения о перепроектировке в своих веб-портфолио. 9. Попросите учащихся презентовать свои портфолио остальным. Они могут включить старые страницы в презентацию, чтобы показать, как они улучшили или изменили свой дизайн или содержимое и объяснить, почему они решили сделать такие изменения. Ïîäãîòîâêà • • Пересмотреть формат семинара. Если вы планируете использовать пособия, сделайте фотокопии. Äîïîëíåíèÿ • • • Документирование успеваемости учащихся. Если учащиеся хотят сохранить свои первоначальные веб-страницы, они могут создать в локальном корневом каталоге новый каталог и записывать в него старые версии файлов. Потом они могут создать ссылки на своих сайтах к этим страницам, чтобы посетители могли видеть прогресс их дизайна. Возможный семинар учащихся. В дополнение к упражнению можно создать небольшую группу учащихся, изучающую семинары писателей. Учащиеся могут представить историю этих семинаров в своем формате. Практические навыки. Для закрепления навыков критики и оценки, изучаемых студентами в этом упражнении, они должны таким же образом критиковать свои веб-сайты для клиентов. Îáîñíîâàíèå Профессиональные дизайнеры используют групповое рассмотрение для получения конструктивного отклика от коллег и клиентов. Получение конструктивной критики от групп позволяет дизайнерам повысить общее качество их работы. 474 ГЛАВА 4. Семинар повторного рассмотрения Äîïîëíèòåëüíûå ðåñóðñû • • • Чтобы просмотреть видеоматериалы, касающиеся навыков, необходимых для выполнения этих упражнений, посетите показ Digital Design CS5 на Adobe TV: tv.adobe.com/ show/digital-design-cs5/. Дополнительно по семинарам писателей и их структуре: www.cs.wustl.edu/~schmidt/ writersworkshop.html. Сайт All Things Web — методология пользовательского тестирования: www.pantos.org/ atw/35317.html. Îöåíêà 0 — результат не соответствует ожидаемому 3 — результат соответствует ожидаемому 5 — результат превосходит ожидаемый Семинар повторного рассмотрения Отсутствует или не закончен Учащиеся обсуждают содержимое отдельно от дизайна, ясно выражая различия и предоставляя конструктивный отклик Учащиеся обсуждают содержимое и дизайн отдельно, ясно выражая различия и предоставляя конструктивный отклик. Учащиеся делают конкретные предложения по улучшению примеров работ Перепроектирование портфолио Отсутствует или не закончено Учащиеся документируют и применяют предложения по изменению дизайна. Учащиеся предоставляют изменения в своих портфолио, документируя специальные методы, которыми были улучшены дизайн и содержимое Учащиеся документируют и применяют предложения по изменению дизайна. Учащиеся предоставляют изменения в своих портфолио, документируя специальные методы, которыми был улучшен дизайн и содержимое. Учащиеся также используют полученные навыки для других типов веб-проектов Ñòàíäàðòû ISTE NETS*S äëÿ ó÷àùèõñÿ Этот проект соответствует технологическим стандартам ISTE NETS*S. В зависимости от предмета и области, которые выбирает учащийся, вы можете исследовать нормативы знаний в вашем государстве, чтобы видеть, насколько этот проект соответствует требованиям вашего государства. ISTE NETS*S: учебный план и нормативы знаний — NETS для учащихся. II. Связь и сотрудничество Учащиеся используют цифровые средства и программное обеспечение для общения и коллективной работы, включая дистанционную работу, для поддержки индивидуального обучения и содействия обучению других. ЦИФРОВОЙ ДИЗАЙН: ОСНОВЫ ВЕБ-ПРОЕКТИРОВАНИЯ С ПОМОЩЬЮ ИНСТРУМЕНТОВ ADOBE 475 Учащиеся: а) взаимодействуют, сотрудничают и публикуются совместно с коллегами, экспертами или другими лицами, используя разнообразные цифровые средства и форматы; б) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов. IV. Критическое мышление, решение проблем и принятие решений Учащиеся используют навыки критического мышления, чтобы планировать и проводить научные исследования, управлять проектами, решать проблемы и принимать обоснованные решения, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: а) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; б) планируют и управляют деятельностью по разработке решения или выполнению проекта; в) собирают и анализируют данные для нахождения методов и/или принятия решений, основанных на полученной информации; г) используют различные процессы и перспективы для исследования альтернативных решений. V. Цифровое гражданство Учащиеся понимают человеческие, культурные и социальные аспекты, связанные с информационными технологиями и демонстрируют законное и этическое отношение. Учащиеся: а) практикуют безопасное, правовое и ответственное использование информации и технологии; б) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; в) демонстрируют личную ответственность за постоянное повышение квалификации. Ñåðòèôèêàöèÿ Adobe Certified Associate, öåëè âåá-êîììóíèêàöèé 1.1 Определить цель, аудиторию и потребности аудитории веб-сайта. 1.2 Определить содержимое веб-страницы, которое соответствует цели сайта и потребностям целевой аудитории. 2.1 Продемонстрировать общие и специальные знания программы Dreamweaver, которые включают лучшие методы разработки веб-сайтов, например поддержка согласованности, разделение содержимого и дизайна, использование стандартных шрифтов, безопасных для Интернета цветов и использование визуальной иерархии. 476 ГЛАВА 4. Семинар повторного рассмотрения 2.3 Продемонстрировать знание концепций и принципов разработки макетов страниц. 2.4 Определить основные принципы практичности, читаемости и доступности сайта. 2.5 Продемонстрировать знание применения графического представления, раскадровок и каркасов для создания веб-страниц и карты сайта (индекса сайта), что позволяет поддерживать запланированную иерархию сайта. 2.6 Общаться с другими людьми (коллегами и клиентами) при разработке дизайна и содержимого сайта. 6.1 Выполнить основные технические тесты. 6.4 Сделать презентацию страницы для других (например, членов команды и клиентов) для получения отзывов и оценок. Êëþ÷åâûå òåðìèíû • • • • • • • • Дизайн. Содержимое. Однородность. Согласованность. Универсальная навигация. Удобство использования. Доступность. Удобство чтения. ÑÅÌÈÍÀÐ ÏÎÂÒÎÐÍÎÃÎ ÐÀÑÑÌÎÒÐÅÍÈß Семинар повторного рассмотрения — это метод, помогающий предоставить конструктивный отклик по дизайну и содержимому проекта. Рекомендации по оценке включают определение компонентов или элементов дизайна и содержимого для проведения критики работы. Каждая работа рассматривается отдельно, используя следующий процесс: 1. Дизайнер кратко описывает аудиторию своего портфолио, его назначение, задачи, а также тип информации, включенный в портфолио, и причины, по которым эта информация включена. 2. Во время сессии отклика группы о работе дизайнер делает записи по отзывам. С этого момента дизайнер не участвует в дискуссии. 3. Сначала один член группы делает краткий обзор аудитории, назначения и задач дизайнера, а также типа информации, включаемой в примеры работ и причин включения этой информации. Это подтверждает, что группа поняла намерения дизайнера. 4. Сначала группа обсуждает сильные стороны дизайна портфолио. 5. Затем группа обсуждает сильные стороны содержимого. 6. И наконец, один член группы подводит итог положительных аспектов портфолио.