Stepic UXSPb Camp
-
Upload
tatyana-klueva -
Category
Design
-
view
206 -
download
0
description
Transcript of Stepic UXSPb Camp
![Page 1: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/1.jpg)
презентацияпроектаux camp 2014
![Page 2: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/2.jpg)
Stepic. UXSpb camp
allabouteducation
Stepic.org («Стэпик») — это некоммерческий проект, работающий над созданием онлайн-конструктора и платформы для бесплатных уроков и курсов. С помощью Стэпика вы можете учиться и учить. Проект сотрудничает как с образовательными учреждениями, так и c индивидуальными преподавателями и авторами.
В данный момент платформа работает в бета-режиме и продолжает работу над развитием продукта на основе отзывов пользователей.
![Page 3: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/3.jpg)
Название Stepic («Стэпик») образовано из step и epic, а также букв st (от study). Step (стэп / шаг) — основной образующий элемент проекта. Информация делится на стэпы, которые объединяются в урок. Уроки являются целостной единицей, а также могут быть частью образовательного курса. Стэпы — теоретические (текст / видео), и практические (квизы).
Stepic. UXSpb camp
![Page 4: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/4.jpg)
Stepic. UXSpb camp
![Page 5: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/5.jpg)
Основной логотип Стэпика представляет собой первую букву названия (S) и образ карандаша.
Существуют две версии логотипа, графическая и шрифтовая. Используются как вместе,так и по отдельности.
Stepic. UXSpb camp
S
![Page 6: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/6.jpg)
Stepic. UXSpb camp
элементы навигации (боковое меню)
иллюстрация-промо видео
список действующих курсов
список уроков про Стэпик
некоторые случайные уроки
футер c полезными ссылками
![Page 7: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/7.jpg)
Stepic. UXSpb camp
![Page 8: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/8.jpg)
Stepic. UXSpb camp
Все основные элементы навигациинаходятся в боковом меню.
![Page 9: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/9.jpg)
Основная страница интерфейса — образовательный плеер. Студент наедине с книгой. Отсутствие лишних деталей, фокус на осваиваемой информации.
Stepic. UXSpb camp
![Page 10: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/10.jpg)
Stepic. UXSpb camp
![Page 11: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/11.jpg)
Комментарии к стэпам расположены под плеером. Можно увидеть обсуждения к каждому отдельному шагу.
Stepic. UXSpb camp
![Page 12: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/12.jpg)
Stepic. UXSpb camp
![Page 13: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/13.jpg)
Stepic. UXSpb camp
![Page 14: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/14.jpg)
Stepic. UXSpb camp
![Page 15: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/15.jpg)
Stepic. UXSpb camp
![Page 16: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/16.jpg)
Stepic. UXSpb camp
![Page 17: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/17.jpg)
Stepic. UXSpb camp
Usability testing. Heatmaps & clickmaps.
![Page 18: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/18.jpg)
Usability testing. Heatmaps & clickmaps.
Stepic. UXSpb camp
Нет, серьезно, поломанный квадрат с выпавшим из него треугольником — это иконка меню?!
Но, но... это же наш логотип.
![Page 20: Stepic UXSPb Camp](https://reader033.fdocuments.in/reader033/viewer/2022042816/559415c61a28ab81468b461a/html5/thumbnails/20.jpg)
Stepic. UXSpb camp
cпасибоthankyou!
stepic.org vk.com/rustepic @rustepic Tanya Klueva [email protected]