App #4, Class Quiz

current-location-smalll.jpg

Current Location

39.7392° N, 104.9903° W

70.59.10.240

Location: Denver, Colorado, 8:46pm Weather: 50°F (10°C), Wind SW at 5 mph (8 km/h)

Getting started the night before, just to get some initial thoughts down. Class quiz is a fun and interactive way for students and teachers to study for a quiz or a test, when not in the classroom. The app works by the teacher live broadcasting a quiz on video chat while the students watch and answer questions. The student that gets the most answers right gets points added to the next his or her next classroom exam -

The incentives for students to use the app:

1) Gain Extra Points On Their Exam

2) Competitive ‘gamified’ environment against their fellow piers

3) Students get to see their teacher out of the classroom. ‘Does a teacher really exist outside of school?’

Incentive for the teacher -

1) Easier way to communicate with students

2) Understand the subjects students are struggling with and in turn enhance there grade


To better understand the app and it’s functionality I’m going to start the research with a User Journey.

It’s 8:30pm and Timmy gets a notification from his english professor, Ms.Linda. “Class Quiz” is starting in 5 minutes. Timmy right away reached for his notebook to review the class work from the past week. The quiz is about to start, so tommy puts away his notes and gets excited for the teacher to come on the app. Timmy sees that 4 of his peers are already on the quiz and sends a group message “Hey Guys”, Louise responds, “Nervous :X…” 3…2…1… the countdown begins and Ms.Linda hope on the video screen. First she says, before getting started put away all notebooks, if your found to be cheating you will be revoked access. ‘Second,’ she says “I want to review some material.” Ms.Linda starts discussing a few different topics and after a few minutes of introduction she starts the quiz. Ok students, the first question…who discovered the U.S.? A few options come up, Timmy selects the right answer and see that a few of his friends got knocked out of the quiz – “how did they get out on such an easy question?” Timmy wonders. Timmy ended up winning the quiz, actually tied it with Sarah, so they split the extra quiz points. After that win however, Tommy took first place in the leader board =)


Where energy goes, focus flows…

My format is fluctuating, but I’m trying out different styles, so that I can come up with a consistent pattern for each day. but right now I’m going to try a bunch of different methods and see which works the best for me.

App functionality views

Student

  1. Profile - The student profile will consist of a list of joined classes. The user will also have a section that holds his or her favorite class notes - or quiz questions (export as study sheet)

  2. Classes - Students can add as many classes as they are invited to on their profile.

  3. Class Page - The class page, is split up between quiz topics and dates. When clicking on a specific quiz the student has access to those questions and the ability to view quiz notes. Users can favorite the notes to add it to their profile. On the main class page, students will also have access to a class chatroom. I’m trying to figure out whether the notes should be included on the chat, which is more universal, or on the specific quiz page. I’m leaning more towards including the notes on the quiz page, that way they are automatically organized and easily referenced in the future.

  4. Class leaderboard - Students have access to their classes leaderboard, to see who has the most points. Students can view other students profile to view their saved notes and messages.

  5. Messages - Group Messages, organized by classroom – can be accessed on the navigation bar at any point in the app or through the class page. The messages are reorganized at the start of every quiz and all files and messages shared during that time are saved in the corresponding quiz section of the app. All files, messages and questions are available to Star or Bookmark, making them accessible from the user profile at any time.

Teacher

  1. Class View – This view allows the teacher to view current students in the class, add new students, and create new quizzes she can also revoke access to specific users if she suspects cheating is going on. The teacher also has access to review all saved documentation. Teacher also has access to create new classes.

  2. Direct Messages – Teachers are able to directly message their students in the classroom - students can’t message other students.

  3. Quiz Creation – The teachers quiz creation platform will be a simple to use area to add questions and choose the multiple choice answers, before writing the questions, the teacher will choose a time to broadcast and she can select which students are eligible for participation. The teacher also has the option of sharing quiz notes before the quiz, which will be highlighted at the top of the ‘notes’ section. Once the quiz and class notes are posted, the chat opens up for the next quiz and students are able to chat with each other regarding the upcoming quiz.


Time for a bit of research on technology in the classroom, app or not, and various video chat quiz applications.

Current solutions leveraging technology to create a better Educational Experience

Kahn Academy –By using this app you can download and stream more than 4,300 educational video lessons on various topics from math to the arts. Back when KA started, Salman Kahn introduced white board videos, instead of showing his face, he would solve solutions on a digital whiteboard, which served as the main screen for viewers.

View of Kahn Academy’s screen share layout

View of Kahn Academy’s screen share layout

Google Classroom #2 Educational App - Great layout for easily viewing your current enrolled classes - students have access to posted classwork that can easily be completed as well as graded on the phone. I really understand the value for teachers looking for quick and simple assignments turned, such as a Q&A regarding the latest student field trip. It’s also efficient for students looking to keep track of homework and grades.

Bye Bye McGraw Hill!

Earth Primer by Chaim Gingold - Chaim worked with the SimCity team on Spore (I remember playing that game at the Apple store maybe ten years ago, I never got far in the game, but the graphics always blew me away - I don’t think it’s around anymore) before moving on to focus on educational products. Earth primer takes the traditional textbook and combines elements of interactivity, simulation and genres. One chapter in the book, called “Discover the Forces of Nature” gives the user access to interactively create volcanos, shape sand dunes, form glaciers and, sculpt your own mountain.

This app displays all of the possibilities for the future of in class learning and textbooks.

Screenshot from “Earth Primer” by Chaim Gingold

Screenshot from “Earth Primer” by Chaim Gingold

Screen Shot 2018-10-25 at 8.56.33 AM.png

In March 2005, it was reported that the main reason for the failure of eLearning was attributable to the lack of research into potential customers’ needs “There is absolutely no evidence that learners are able or willing to do without teachers, no matter how well designed the materials, how extensive the resources or how ‘just in time’ the learning. The fundamental role of the teacher or tutor has not changed but the mode of operation has”

Later in the article, Sutherland, discusses the shift away from an eLearning environment to “Blended Learning,” which combines elements from both the classroom and consumer technology. For example, printed handouts are no longer given, and links to past papers and other resources now exist. Sutherland also discusses the impact of face to face learning and the slow transition to the future of fully remote classrooms, which he views as inefficient.

Class Quiz is a blended learning environment as all of the material on the quiz will be discussed in class beforehand. Class Quiz is just a tool to help students reinforce what they’ve already learned. I think Sutherland would appreciate my solution to eLearning and the overall current state of technology.

Sutherland P., ‘Vygotsky and Vygotskyans’ in Cognitive development today: Piaget and his critics. London: Paul Chapman, pp. 45-46 (2012)

During an interview at Next Computers Steve Jobs discusses the educational industry stating that, “Schools are a monopoly, they don’t have to care”, people will go to public schools because they’ve already been payed for – He feels that instead of opaquely funding students $4,500 each for ‘free’ public school tuition, the government should give out the equivalent in vouchers that students can apply to accredited schools creating a competitive environment in the industry and overall a better educational system. Very interesting business solution, possibly work on for a future app.

Overall there are many flaws with the current system of education and technology can help play a pivotal role to help transition the antiquated system and bring it back to life.

9:12am - and that concludes todays research – time to head back to the app and work on the user flow.

Here’s the user flow for the Video Quiz. I created it separately from the App Flow, which I’ll post up next. Thanks for reading this far down.

Along with the Video Quiz flow, I’m also working on a user flows for both the teacher and student. The teacher facing interface is a crucial component - as the teacher will provide most of the content… so I’m going to explore both.


Analyze pricing structure…

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

I hope you get the chance to take a look at the user flow – it will really give you a chance to understand the app and my thought process behind each screen… note when creating the wireframe and the designs, I am only choosing the most crucial parts from the user flow (time) but if you want to get the complete picture of the app can behave take a look below:

User Flow from a students perspective

User Flow from a students perspective


User flow from the Teacher side of the app

User flow from the Teacher side of the app

It would be beneficial for my readers if I created a more readable flow chart. But for now try to focus and understand the screens –– 

for those who may be curious about how I transition the flow chart into designs…I start out creating very messy wireframes from each page in the flow chart…like this…once I start to understand the visual representation, I move onto the computer and create higher fidelity wireframes.

IMG_2621.jpeg

For the wireframes today I’m going to try out using a template to make them a little bit cleaner – the template I’m going to use is Flow, from the Sketch resource library. Actually Flow sucked and was meant for m-commerce…so I’m going to find another wireframe resource…I’m going to try out Dan Shipley’s Material Design Wireframe Kit

Update I actually really enjoy using the different resources available on sketch…I’m going to try for this app, instead of creating elements on my own - piecing together different kits. I will keep an ongoing list with all of the UX kits that I use. After I piece the wireframes together I will create a consistent user interface that flows between screens

So far the kits I’ve used have been:

  1. Material Design Wireframe Kit by Dan Shipley

  2. Social UI Kit by Eman App

  3. Travelisto UI Kit by Robert Anetie


Wireframes Version 1

Wireframes Version 1

I put green arrows to showcase the interaction between screens and which buttons are being pressed – There is much more elegant solution – that solution is actually providing interactivity either through Invision or even better Timeline for sketch, or another similar plug-in which I can then export as a .gif to the site and upload it as an image. Over the weekend I will work on touching up my UI animation skills - as they are very important for viewers to get a complete picture of the app – but instead – I will walk you through each of the screens I designed and explain my design decisions. :)

iPhone X.jpg

Student Profile. To the right of the profile you can view the students name and the grade he is in. I included the student’s current grade to make the profile a bit more personal without giving away much information,– directly under that information you can see the amount of wins the student has

iPhone X Copy9.jpg

The top portion of the page is devoted to any upcoming quizzes that is a list of previous quizzes, clicking on a previous quiz, ‘understanding animals’ will bring you to that specific quizzes page, which I discuss in the next column


iPhone X Copy 2.jpg

The student is taken to the ‘Understanding Animals’ quiz page where he or she has the options to view previous questions from that quiz or view the class feed - where users can post comments or add attachments relevant to the subject.


iPhone X Copy 3.jpg

Clicking on ‘View Questions’ will bring the user to the questions page - listing out all of the questions that were part of the quiz

iPhone X Copy 4.jpg

Clicking on a specific question will show you the correct answer and how many students answered each question

iPhone X Copy 5.jpg

New notification from the teacher to a students lock screen that a quiz is about to start – when the user swipes open the notification…

iPhone X Copy 6.jpg

He or she gets to the page where their teacher Ms.Linda is hosting the quiz…there are options to leave like the quiz, chat through the feed and exit back to the Quiz home screen.

iPhone X Copy 7.jpg

Upon asking a question, the user interface changes - to showcase the question with buttons for students to answer questions. Once answered the student can see who answered which question.

I started working on a video that would mimic the interaction teachers will have with students over video chat–but I’m getting kind of burnt out for the day - it’s 7:28pm and I need to start brainstorming on my app for tomorrow. If you read this far email me at redagus@gmail.com to suggest an idea. All are welcome. I’m going to spend the next hour or so browsing the app store until something comes up – if not, I have a few in the back burner to work with.

Thanks so much for reading

Until Tomorrow,

UI Experiment, Split Screen on the iPhone

App #3, Trap Drink