45
Teacher & Student Survey Results Prof-desk General Assembly Student Project Winter 2013

Prof desk process

Embed Size (px)

DESCRIPTION

Prof-desk design spec for General Assembly's UXDi final project.

Citation preview

Page 1: Prof desk process

Teacher & Student Survey Results

Prof-deskGeneral Assembly Student Project Winter 2013

Page 2: Prof desk process
Page 3: Prof desk process
Page 4: Prof desk process

Personas

Prof-deskGeneral Assembly Student Project Winter 2013

Page 5: Prof desk process
Page 6: Prof desk process
Page 7: Prof desk process

Wireframes 1

Prof-deskGeneral Assembly Student Project Winter 2013

Page 8: Prof desk process

Prof-desk Logo

“Education for everyone absolutely free”

Sign in with Facebook

Sign in with Google

Or sign up with Email

Teacher Student

Easy Collaboration. Simple Administration

Learn from real professors"Lorem ipsum dolor sit amet, consec-tetur adipisicing elit, sed mollit anim id est laborum."

Choose from a wide range subjects"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed mollit anim id est.”

Create content easily"Lorem ipsum dolor sit amet, consec-tetur adipisicing elit, sed mollit anim id est laborum."

Manage your content"Lorem ipsum dolor sit amet, consec-tetur adipisicing elit, sed mollit anim id est laborum."

Recently Added Courses

Algrebra 1 English 1 Algebra II Science

Subjects LoginTest Prep Homework Forum

Page 9: Prof desk process

Prof-desk Logo Subjects Login

What do you want to learn today

Education for everyone absolutely free

User Testimonials

Start Learning Today

Test Prep Homework Forum

About Prof-desk video

“Prof-desk offers me so much free content to improve my skill and knowledge.”Kaia, Student

“I’m able to manage my courses so easily!”

Muhammed, Teacher

“I love what you have done with the teacher profile page”

Danish, Teacher

“I am amazed by Prof-desk’s reach. I have teachers from 4 countries!Sam, Student

Page 10: Prof desk process

Prof-desk Logo Subjects Login

Alg

User Testimonials

Start Learning Today

Test Prep Homework Forum

“Prof-desk offers me so much free content to improve my skill and knowledge.”Kaia, Student

“I’m able to manage my courses so easily!”

Muhammed, Teacher

“I love what you have done with the teacher profile page”

Danish, Teacher

“I am amazed by Prof-desk’s reach. I have teachers from 4 countries!Sam, Student

Algebra I Algebra II Algebra III

Page 11: Prof desk process

Prof-desk Logo

Teacher

Subjects Test Prep Homework Forum

Olga Smith [email protected] Students

Feed• Algebra 1 added to courses• Posts• Student comments• Favorited Articles

Teacher

Chat

Create course+

Teacher

Algebra 1

Algebra 1

CalendarHomeworkQuizzesTestsStudents SyllabusGrades/Reports

Online Friends

Joined Courses

• Add students to chat

• Invite friends to join Prof-desk

Page 12: Prof desk process

Prof-desk Logo

Teacher

Subjects Test Prep Homework Forum

Olga Smith

Feed• Algebra 1 added to courses• Posts• Student comments• Favorited Articles

Teacher

Alert

Course Title

Master Calendar

Analytics

• 0/15 students havecompeted Quiz 1

Algebra 1

Create course

Teacher at Fremont High School

Hour

Course Topic

Course Subject

Grade

School Year

Term

Sub Term

Public

Custom Subject

Custom Topic

e.g. 9, 10,15

e.g. 1st 6 weeks, 2nd 6 weeks

Submit

Q Quiz 1 0/15

Invite Friends

Joined Groups

Page 13: Prof desk process

Wireframes 2

Prof-deskGeneral Assembly Student Project Winter 2013

Page 14: Prof desk process

Teacher at Fremont High School

Prof-desk Logo Subjects Test Prep Homework Forum

Prof-desk c 2014 Terms PrivacyContact Us Help Center About Us

Olga SmithAlerts

Feed

Main Content Grades Roster

Algebra 1 Content Quizzes

Create Quiz+

Page 15: Prof desk process
Page 16: Prof desk process
Page 17: Prof desk process

Design Spec

Prof-deskGeneral Assembly Student Project Winter 2013

Page 18: Prof desk process

3.0 ‘Recently added courses’ class photo carousel

1.0

4.0

4.0 If the user types in a topic to browse, a dropdown appears with relevant search results.

3.0

2.0 After the Facebook login the user is promptedto sign up as a teacher or student.

2.0

1.0 When the user clicks ‘sign up’ a module slides downto reveal social media and email sign up.

5.05.0 If the user clicks the ‘signup’ at the bottom of the page,

the pages scrolls up to the signup module prompt.

Page 19: Prof desk process

6.0 ‘Due today’ assignments dynamically populate here.

6.0

Page 20: Prof desk process

7.0 Progress bar dynamically fills as students submitassignments.

7.0

11 11 If the user clicks upload, a modal window appearsallowing user to upload content to their course.

9.0

9.0 Data of selected day is populated here.

10 10 User can select any day to re-populate the ‘daily overview’ module.

1212 User can select any week to view its ‘weekly overview and subsequent

daily overview.

8.0

8.0 ‘Students’ links the teacher to the Algebra 1 student page and roster. Here the teacher can view the roster and grades.

Page 21: Prof desk process

13 After a successful upload, the teacher may assign a name,category, due date and title/description. If he/she specifiesa due date the assignment will appear on the calendar oncesubmitted.

13

Page 22: Prof desk process

Final Wireframes

Prof-deskGeneral Assembly Student Project Winter 2013

Page 23: Prof desk process
Page 24: Prof desk process

Prototype Link

Prof-deskGeneral Assembly Student Project Winter 2013

http://sdzzne.axshare.com/

Page 25: Prof desk process

Prof-desk Presentation

Prof-deskGeneral Assembly Student Project Winter 2013

Page 26: Prof desk process

Prof-desk

Student Project. General Assembly UXDI Winter 2013Design by: Zoe Fisher & Erik Evangelista

Page 27: Prof desk process

About the product: Prof-desk is a free online education service that allows teachers to create online courses on a variety of subjects, empowering students from around the world to learn new skills and improve on their knowledge. Prof-desk does this by simplifying course creation and uploading, offering analytics and enabling agile feedback. Unlike other course management systems, Prof-desk promotes student-teacher feedback and simple teacher-side functionality. !"About the project: "Prof-desk was a student project; the aim was to improve the experience for teachers to enable them to manage and maintain online courses. We were given the constraint of designing for the Prof-desk website.

Page 28: Prof desk process

Process: "".

Concepts Rough FinalResearch

• Surveys• Personas• Competitive Analysis

• Rough Sketches• User Journey

• Prototype• Testing

• Final Prototype

Page 29: Prof desk process

Teacher Survey Findings

"• Making teaching material available • Managing/monitoring student progress • Due/dates and scheduling

“Making the interface intuitive while increasing student engagement.”

Page 30: Prof desk process

Student Survey Findings

"• Important due dates & course information • Organization of course • Availability of teaching materials

“Having online access to material is key… it saves time.”

Page 31: Prof desk process

Tina Celestino, 27

“I want to extend my teaching presence outside of the classroom. With my limited time, I’d like to create courses quickly and easily.”

Grade 9 Math Teacher, Fremont High School

Attentive Tina promotes a transparent and engaging environment to ensure her students’ awareness and well-being. She ensures her students know what to expect and how to pace themselves. "“I feel that seamless communication with my students helps all of us succeed.”

Busy As a dedicated teacher, Tina has little time for overhead. She acknowledges technology as a useful tool to facilitate her teaching, but is challenged by it’s steep learning curve. "“All my students are online, and I should be there too, but the system needs to be easy to use and navigate.”

Opportunities "• Create a simple interface

that allows Tina to easily manage her class schedule.

• Bring down barriers between Tina and her students through the interface.

Page 32: Prof desk process

Competitive Analysis

Coursera Khan Academy

Murally Dropbox

• large, clear browse bar • related courses

• concise section of high level content

• minimalist navigation bar • social media login

• simple content upload

Page 33: Prof desk process

Design Principles

• Concise and organized layout of content • Engaging homepage content • Minimalist design ""

Page 34: Prof desk process

Redesign of Homepage

Goals "• Modernize & simplify • Showcase what Prof-desk has

to offer • Create an engaging experience

`

Page 35: Prof desk process

Redesign Teacher Dashboard: Focus on ‘My Courses’

Goals "• Improve course upload • Simplify course management • Minimize content on

dashboard

`

Page 36: Prof desk process

Teacher Dashboard out of scope features

Menu "Dashboard Profile • Friends • Favorites • Chat Account Settings Students • Grades • Roster

Page 37: Prof desk process

Ideation & Sketches

User Flows

SitemapInitial Class Concept

From our analysis of the site architecture we discovered many opportunities related to the teacher experience. We decided to focus on the teacher dashboard and course content due to the importance of content found in our research.

Page 38: Prof desk process

Homepage Ideation & Sketches

Page 39: Prof desk process

Teacher Dashboard Ideation & Sketches

Page 40: Prof desk process

Course Upload Ideation & Sketches

Page 41: Prof desk process

Homepage Before & After

Page 42: Prof desk process

Teacher Dashboard Before & After

Page 43: Prof desk process

Scenarios

Tina visits Prof-desk and signs up She creates a course and uploads content

Creates course and uploads most of her

content"(Out of scope of

prototype)

Tina’s first visit to Prof-desk

Tina’s second visit as a user

Tina logs into her dashboard and clicks to view her Algebra 1

course details

She inspects her course schedule and decides to add a quiz

Page 45: Prof desk process

Contact InformationZoë Fisher [email protected]

Erik Evangelista [email protected]

Prof-deskGeneral Assembly Student Project Winter 2013