Prof desk process
-
Upload
erikevangelista -
Category
Design
-
view
190 -
download
1
description
Transcript of Prof desk process
Teacher & Student Survey Results
Prof-deskGeneral Assembly Student Project Winter 2013
Personas
Prof-deskGeneral Assembly Student Project Winter 2013
Wireframes 1
Prof-deskGeneral Assembly Student Project Winter 2013
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
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
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
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
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
Wireframes 2
Prof-deskGeneral Assembly Student Project Winter 2013
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+
Design Spec
Prof-deskGeneral Assembly Student Project Winter 2013
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.
6.0 ‘Due today’ assignments dynamically populate here.
6.0
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.
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
Final Wireframes
Prof-deskGeneral Assembly Student Project Winter 2013
Prototype Link
Prof-deskGeneral Assembly Student Project Winter 2013
http://sdzzne.axshare.com/
Prof-desk Presentation
Prof-deskGeneral Assembly Student Project Winter 2013
Prof-desk
Student Project. General Assembly UXDI Winter 2013Design by: Zoe Fisher & Erik Evangelista
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.
Process: "".
Concepts Rough FinalResearch
• Surveys• Personas• Competitive Analysis
• Rough Sketches• User Journey
• Prototype• Testing
• Final Prototype
Teacher Survey Findings
"• Making teaching material available • Managing/monitoring student progress • Due/dates and scheduling
“Making the interface intuitive while increasing student engagement.”
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.”
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.
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
Design Principles
• Concise and organized layout of content • Engaging homepage content • Minimalist design ""
Redesign of Homepage
Goals "• Modernize & simplify • Showcase what Prof-desk has
to offer • Create an engaging experience
`
Redesign Teacher Dashboard: Focus on ‘My Courses’
Goals "• Improve course upload • Simplify course management • Minimize content on
dashboard
`
Teacher Dashboard out of scope features
Menu "Dashboard Profile • Friends • Favorites • Chat Account Settings Students • Grades • Roster
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.
Homepage Ideation & Sketches
Teacher Dashboard Ideation & Sketches
Course Upload Ideation & Sketches
Homepage Before & After
Teacher Dashboard Before & After
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
THANK YOU Zoe Fisher [email protected] "Erik Evangelista [email protected]
Contact InformationZoë Fisher [email protected]
Erik Evangelista [email protected]
Prof-deskGeneral Assembly Student Project Winter 2013