Проектирование сайтов. Политех - Екатерина Шукалова

Проектирование сайтов. Политех


В этом разделе собраны учебные материалы для студентов, проходящих курс “Проектирование веб-сайтов” у Екатерины Шукаловой.

Раздел будет пополняться регулярно и книгами, и полезными ссылками.

Что надо сделать для сдачи зачета:

  1. Определить бизнес, компанию, личность, идею, для которого будешь разрабатывать сайт.
  2. Сформулировать цели создания сайта
  3. Провести предварительное исследование (целевая аудитория, конкуренты, конкурентное преимущество)
  4. Описать требования к визуализации сайта (цвета, шрифты, фотоматериалы, стандарты оформления контента)
  5. Создать проект будущего сайта (структура сайта, структура страниц, логика работы, описание функционала)

Как надо представить результат:

  • Документ-описание в свободной форме (3-4 листа А4 12 шрифт)
  • Проект (нарисованный от руки, склеенный, сделанный в специальной программе)
  • Презентация проекта (ppt)
  • Защитить проект (ответить на вредные вопросы преподавателя и одногруппников)

Критерии оценки зачетной работы

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

1. Обязательное наличие всех трех документов

При отсутствии хотя бы одного документа – незачет!

2. За каждый документ выставляется оценка от 1 до 5

Средняя оценка по всем документам – 3

Требования к документ в Google-документах (текстовый)

  • заполнен полностью. Особое внимание уделить цели создания сайта и описанию целевой аудитории. Описание каждого сегмента с фотографией персонажа.
  • дан доступ для eshukalova@gmail.com. ОТСУТСТВИЕ ДОСТУПА = ОТСУТСТВИЕ ДОКУМЕНТА
  • в начале документа указана ссылка на проект в https://moqups.com/
 

Требования к проекту на https://moqups.com/

  • ОТСУТСТВИЕ ССЫЛКИ НА ПРОЕКТ В ТЕКСТОВОМ ДОКУМЕНТЕ = ОТСУТСТВИЕ ПРОЕКТА
  • отвечает основным принципам юзабилити
  • решает задачи пользователей (персонажей)
  • присутствуют основные страницы

Требования к презентации

  • соответствие требованиям
 

3. Защита проекта 5 мин (максимум) выставляется оценка от 1 до 5

Требования:

  • уложиться во время
  • раскрыть тему
  • ответить на вопросы

Особенное внимание надо обратить на: Стив Круг “Веб-дизайн. Не заставляйте меня думать”

https://www.ozon.ru/product/veb-dizayn-kniga-yakoba-nilsena-126954/?sh=D-NKBnaqog

https://www.ozon.ru/product/veb-dizayn-kniga-dmitriya-kirsanova-88890/?sh=D-NKBp6ROA

Описание целевой аудитории

http://powerbranding.ru/potrebitel/ta-description/#second

Предпроектное проектирование online

https://moqups.com/

Пожалуй, лучшее ПО для разработки пользовательских интерфейсов

AXURE

300 потрясающих бесплатных сервисов

https://habrahabr.ru/post/250621/

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

https://www.powtoon.com/

https://www.videoscribe.co/

 

Элементы проектирования

ПРОЕКТИРОВАНИЕ БЛОКОВ И СТРАНИЦ

пример выполнения задания с помощью сервиса https://moqups.com

1. Текстовая страница

2. Новости (архив новостей, подробная новость0

3. Фотогалерея (архив, подробно)

4. ФОС (сама форма и страница ответа)

  • вопрос с сайта
  • вызов замерщика дверей на дом
  • регистрация в интернет-магазине
  • заявка на ипотеку

 

5. Поиск по сайту (можно включить в текстовую страницу)

6. Опрос (форма, ответы)

7. Комментарии (можно включить в текстовую страницу)

8. Интернет-магазин

  1. категорийное дерево
  2. страница товарной категории
  3. карточка товара
  4. оформление заказа (по шагам)
  5. регистрация в интернет-магазине (можно использовать то, что делали ранее)
  6. личный кабинет пользователя

 

Пример спроектированных элементов

Вам может быть интересно

Книги

Как салону красоты получить клиентов из Интернета

Интернет-маркетинг понятным языком для предприятий индустрии красоты или Как салону красоты получить клиентов из Интернета Екатерина Шукалова Только понятным языком и только на практических примерах

Хотите улучшить свой бизнес?

Напишите мне любым удобным для вас способом

Продолжая использовать наш сайт, вы даете согласие на обработку файлов cookie и пользовательских данных в целях функционирования сайта, проведения ретаргетинга и проведения статистических исследований и обзоров. Если вы не хотите, чтобы ваши данные обрабатывались, покиньте сайт.