Project presentation for UXSPb Camp. About new educational engine Stepic.org Brand / Idea / Design / Strategy.

1. презентация
проекта
ux camp 2014

2. Stepic. UXSPb Camp
allabout
education
Stepic.org («Стэпик») — это
некоммерческий проект, работающий
над созданием онлайн-конструктора
и платформы для бесплатных уроков
и курсов. С помощью Стэпика вы можете
учиться и учить. Проект сотрудничает
как с образовательными учреждениями,
так и c индивидуальными
преподавателями и авторами.
В данный момент платформа работает
в бета-режиме и продолжает работу над
развитием продукта на основе отзывов
пользователей.

3. Stepic. UXSPb Camp
Название Stepic («Стэпик») образовано
из step и epic, а также букв st (от study).
Step (стэп / шаг) — основной
образующий элемент проекта.
Информация делится на стэпы, которые
объединяются в урок. Уроки являются
целостной единицей, а также могут
быть частью образовательного курса.
Стэпы — теоретические (текст / видео),
и практические (квизы).

4. Stepic. UXSPb Camp

5. Stepic. UXSPb Camp
Основной логотип Стэпика
представляет собой первую букву
названия (S) и образ карандаша.
Существуют две версии логотипа,
графическая и шрифтовая.
Используются как вместе,
так и по отдельности.
S

6. Stepic. UXSPb Camp
элементы навигации (боковое меню)
иллюстрация-промо видео
список действующих курсов
список уроков про Стэпик
некоторые случайные уроки
футер c полезными ссылками

7. Stepic. UXSPb Camp

8. Stepic. UXSPb Camp
Все основные элементы навигации
находятся в боковом меню.

9. Stepic. UXSPb Camp
Основная страница интерфейса —
образовательный плеер.
Студент наедине с книгой.
Отсутствие лишних деталей,
фокус на осваиваемой
информации.

10. Stepic. UXSPb Camp

11. Комментарии к стэпам
расположены под плеером.
Можно увидеть обсуждения
к каждому отдельному шагу.
Stepic. UXSPb Camp

12. Stepic. UXSPb Camp

13. Stepic. UXSPb Camp

14. Stepic. UXSPb Camp

15. Stepic. UXSPb Camp

16. Stepic. UXSPb Camp

17. Stepic. UXSPb Camp
Usability testing.
Heatmaps & clickmaps.

18. Usability testing.
Heatmaps & clickmaps.
Stepic. UXSPb Camp
Нет, серьезно, поломанный
квадрат с выпавшим из
него треугольником — это
иконка меню?!
Но, но...
это же наш логотип.

19. Stepic. UXSPb Camp

20. Stepic. UXSPb Camp
cпасибо
thankyou!
stepic.org vk.com/rustepic @rustepic Tanya Klueva design@stepic.org