Learning ID

Learning ID is an app that helps educators evaluate the learning styles and personality types of their students in order to better facilitate communication and content delivery.


The solution includes a quiz for students which learns their styles, and a reporting system for teachers that includes suggestions on how to best facilitate the learning of each student in class.

Live Prototype
Learning ID

Deliverables

  • Requirements Analysis
  • Competitive Analysis
  • Derive a set of use cases
  • Content Strategy
  • Mind Map
  • Information Architecture
  • Navigation Mechanism
  • Storyboard
  • Wireframes
  • Visual Design
  • Branding
  • Conduct User Testing
  • Specify UI Design
Timeline
  • 15 weeks

Competitive Analysis

test123.com
Survey of the functionality or features:
  • Variety of tests for self evaluation
  • Free articles about related topics
  • Social media links
  • Instant results for all tests
  • Search bar
  • All tests are free
  • Tests are based on cognitive science
Evaluation of the user requirements that you assume the product is based on:
  • Current browser
  • Fluent use of a computer
  • Experience with internet sites
Strengths and weaknesses of usability
  • Utility links are on the top of the screen
  • Main navigation is on the left side
  • Headlines and content have different styles
  • The visual buttons of the thumbs up and down is easy to interpret across cultures
  • Errors are dealt with in an effective way.
Content analysis
  • There is a variety of test and free articles available to support their products.
Visual design
  • The design is uncluttered
  • Easy to navigate
  • Easy to find content
  • Easy to get help
  • Colors are soft, not distracting
  • Not overloaded with design elements
  • Content stands out
ldpride.net
Survey of the functionality or features:
  • Offers intelligence and learning style tests
  • Sells you the product
  • Message boards link (doesn’t work)
  • Has ads on right column
Evaluation of the user requirements that you assume the product is based on:
  • Basic computer knowledge
  • Basic internet knowledge
  • Superior knowledge of reading charts and graphs
  • Superior vocabulary, especially psychological terms
Strengths and weaknesses of usability
  • Have to memorize what the 1-4 digits mean.
  • Test is really long
  • You don’t know that you need to pay for the results until after you take the quiz
  • Lots of scrolling up and down to reference the 1-4 meanings
  • Ads are distracting
  • Headings and content are differentiated.
  • After paying for the test the results are displayed immediately, and you can download the results
  • The test results are hard to understand, the charts are developed for psychology professionals rather than for an average user
Content analysis
  • Content is limited
  • Only test and ads available
  • The message board would be nice, but the link is broken
  • Content links to other outside sites
Visual design
  • Out of date
  • No branding
  • Broken links
  • Different text sizes
  • Poorly organized
  • Uses tables incorrectly
Daily Dilemma
Survey of the functionality or features:
  • Touch screen navigation
  • New content every day
  • Displays results from all over the world of the survey question
Evaluation of the user requirements that you assume the product is based on:
  • Knowledge of smart phone usage
Strengths and weaknesses of usability
  • Simple and clear interactivity
  • Graphics support the interface by highlighting where you need to click
  • Results are clearly displayed
Content analysis
  • Interesting for people who like surveys
  • User gets to see results from all over the world
Visual design
  • Simple, interesting and easy to use

Requirements Analysis

Problem Identification and Definition

Many times when people interact with each other there are misunderstandings and it can be difficult to relate and communicate to people who are different from you. This happens from the time we are children through adulthood. This can be especially evident in close relationships when we don’t understand why our child, spouse, family members, friends, students, teachers behave the way they do and interact with us in a way we don’t quite understand.

For example, when in a classroom, a teacher needs to interact with several different students on a daily basis. They are all different from each other, learn differently and behave in different ways. Evan can’t seem to sit still and learn, always needs social interaction. Meanwhile, Katelyn works well independently. The teacher likes her classroom to be quiet, which means she will probably be disciplining Evan fairly often.

The problem is they don’t know how to work together because they are so different. But, what if they could learn how the other interacts and makes decisions, then apply that knowledge to better communicate with the other? The result can be amazing.

By first learning what the different personality types are then the way a student prefers to learn, Evan and her can develop a more productive relationship to better facilitate learning.

User Interviews

Bob Simms, Age 50

Bob is a golf coach at St John Fisher College. He occasionally has trouble motivating certain students to try harder and would like to learn about what makes them tic, but doesn’t have the time to devote to reading endless research papers and books about personalities and learning styles.

“I am an avid user of technology with my golf teams. Frustration with certain teammates often sets in when they are resistant to the level of commitment I’d like to see from them. Having a quick reference available on my iPad to investigate what in their personality is making them less motivated than the other team members would be helpful to learn what will motivate them to try a little harder.”

Mrs. Hackett, Age 37

Mrs. Hackett is an experienced 3rd grade teacher who has studied different learning styles and has been catering content to her advanced students and her average students since the start of her career. Personality types is a new concept to her that she’d like to incorporate into her classroom by establishing learning groups.

“Learning how to identify personality types and who will work best together would definitely facilitate a quicker grasp of complex concepts in math, reading and also their social skills in the class as well as on the playground.”

User Profiles

Elementary school teacher

Age 23-65 years

Devices available: up to 3 windows PCs in the classroom, personal tablet and/or smart phone

Elementary school student

Age 5-12

Devices available: up to 3 windows PCs in the classroom, personal tablet, gaming device

Personas

Trista Fiorino

3rd Grade Teacher, Listwood Elementary School

  • 45 years old
  • Married, 2 children
  • MA in Education
  • Comfortable using computers, intermediate internet user with a broadband connection at work and home
  • Uses web applications to help students with math and reading.

Trista adores spending time with her students and family alike. She has taken the role of lead 3rd grade teacher in Listwood and is the building representative for the PTSA.

Key attributes are:

  • Nurturing
  • Strong leader
  • Interested in using web applications to facilitate learning
Evan Scott

6th Grade Student, Iroquois Middle School

  • 12 years old
  • One little sister
  • Earns mostly A’s in school
  • Uses computers and mobile devices extensively for gaming

When Evan isn’t at school he immerses himself in video games and building Lego sets. He enjoys Karate and spending time with his friends.

Key attributes are:

  • Focused
  • Strong learning potential
  • Enjoys strategic games and problem solving

User Requirements

Teacher

Student

Use Case/Scenario 1

Scope: Web /Mobile Application

Level: User Goal

Primary Actor: K-6 grade teacher

Supporting Actor: Website

Trigger: Teacher wishes to view student learning style reports

Primary Motivation for engaging in the user interface: Get to know the students better.

Success Scenario:
  1. Teacher navigates to web App
  2. Clicks on the log in link
  3. Enters User Credentials
  4. Sees a list of students in her class that have completed the quiz
  5. Selects a student’s name
  6. Views results.
learning id use case 1

Use Case/Scenario 2

Scope: Web /Mobile Application

Level: User Goal

Primary Actor: K-6 grade student

Supporting Actor: Website

Trigger: Teacher instructs you to take a quiz

Primary Motivation for engaging in the user interface: Teacher instructs you to.

Success Scenario:
  1. Student navigates to web App
  2. Clicks on the log in link
  3. Enters User Credentials
  4. Sees welcome screen
  5. Takes short quiz
  6. Sends results to teacher
learning id use case 2

Content Inventory

Landing Page
  • Logo
  • Background Artwork
  • Buttons to choose between student and teacher
  • Marketing copy that describes product
Login Page
  • Form to enter credentials
Quiz Pages
  • List of Questions and possible answers
Reports Page
  • Content describing learning styles
  • Content describing Behavioral Type
Table Groups Page
  • Buttons to sort students
  • list of students

Information Architecture

Site Map
learning id sitemap
User Flows
learning id user flow
learning id user flow
learning id user flow

Wireframes

Student Scenario 1
Student Scenario 2
Teacher Scenario 1
Teacher Scenario 2
Teacher Scenario 3

Branding

Brand Characteristics
Moodboard
learningID moodboard
Logo Concepts
LearningID logo concepts
Final Logo
LearningID Logo Final

Mockups

mockups
Live Prototype