wireframe click through

14
notEd. DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

Upload: katie-whiteman

Post on 30-Mar-2016

235 views

Category:

Documents


0 download

DESCRIPTION

A more concise layout of the wayfinding of my app

TRANSCRIPT

Page 1: Wireframe Click Through

16. 17. 18.

19. 20. 21.

13. 14. 15.

notEd.

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

Page 2: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

FIRST SCREEN AFTER OPENING APP

LOG IN // CREATE ACCOUNT

TO CREATE ACCOUNT: SCHOOL CLASS DAY & TIME CLASS MEETS PROFESSOR

1.

Page 3: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

AFTER LOGGING IN, 3 CHOICES

IN CLASS DIRECTS YOU TO Q&A PAGE TURNS OFF OTHER APPS

STUDY DIRECTS YOU TO “SOCIAL” SIDE CONTACT CLASSMATES NOTES ON PREVIOUS CLASSES HASHTAGS/SEARCH BY SUBJECT CREATE/JOIN STUDY GROUPS

PROFILE DIRECTS YOU TO YOUR OWN PAGE CLASSMATE “SUGGESTIONS” MUTUAL CLASSMATES

2.

Page 4: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

( IN CLASS)

IN SETTINGS, CAN SET TO HAVE APP AUTO-MATICALLY COME ON DURING CLASS TIMES

TYPE QUESTION (KEYBOARD COMES UP)

# CERTAIN GLOSSARY TERMS/BIG TOPICS

EASY TO SEARCH FOR LATER

3.

Page 5: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

( IN CLASS)

STUDENT ASKS QUESTION

TA ANSWERS QUESTION/GIVES FUR-THER REFERENCES

CAN HASHTAG YOUR QUESTION WITH GLOSSARY TERM TO SEARCH LATER

ASK ANOTHER QUESTION AT BOTTOM

4.

Page 6: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

( IN CLASS)

TRENDING (FROM HASHTAGS)

SEARCH BIG TOPIC OR GLOSSARY TERM

GIVES YOU SPECIFIC QUESTIONS AND ANSWERS TO YOUR SEARCH

CAN ALSO BE A REFERENCE FOR PRO-FESSORS & TA’S IN HOW WELL THE CLASS IS RECEIVING THE INFORMATION

5.

Page 7: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(PROFILE)

GIVES “JUST ENOUGH” INFORMATION SCHOOL GRADE IN SCHOOL TITLE: STUDENT/PROF/TA STUDENT EMAIL (OPTIONAL) CLASSES ENROLLED CAN INCLUDE PROFILE PICTURE

LISTS MUTUAL FRIENDS

SUGGESTIONS OF FRIENDS WHO ARE ALSO ENROLLED IN YOUR CLASSES

“FRIEND” CLASSMATES

6.

Page 8: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

GO BACK AND LOOK AT OLD “FEEDS”

LOOK UP WHAT CLASS YOU MISSED OR WERE CONFUSED ON

LINKS YOU DIRECTLY TO FEED FOR THAT CLASS PERIODT

7.

Page 9: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

GO BACK AND LOOK AT OLD “FEEDS”

LINKS TO PROFESSOR NOTES

EXTRA REFERENCES

HASHTAG SEARCH FOR MORE CONCISE/NARROWED ANSWERS

8.

Page 10: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

HASHTAGE SEARCHES (AGAIN)

SPECIFIC ANSWERS TO YOUR SPECIFIC QUESTIONS

LOOK AT LECTURE, SEE WHAT WAS MENTIONED THAT DAY

OR SEARCH SPECIFIC TOPIC/TERM AND FIND MORE QUESTIONS & ANSWERSV

9.

Page 11: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

CLASS LIST WITH LINKS TO PROFILES

CLASS NAME + PROFESSOR + DATE & TIME CLASS MEETS

LINKS TO STUDY GROUPS

10.

Page 12: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

PICK TIMES THAT WORK BEST WITH YOUR SCHEDULE

JOIN ONLINE, ON THE SPOT

“GROUP” CREATED WITH STUDY GROUP

INDIVIDUALIZED “WALLS” & “FEEDS”

IF YOU CAN’T FIND ONE THAT WORKS FOR YOU, CREATE YOUR OWN

11.

Page 13: Wireframe Click Through

DESIGNING AN APP // NOTED // WIREFRAMES FOR USER PATHS

(STUDYING)

CREATE YOUR OWN STUDY GROUP

DAYS OF WEEK YOU WANT TO MEET

NUMBER OF TIMES PER WEEK YOU WANT TO MEET

LOCATION (LIBRARY/COFFEE SHOP/HOUSE/UNION)

PREFERRED STUDY GROUP NUMBER

NEED A TUTOR? AAAC LINK

12.

Page 14: Wireframe Click Through

16. 17. 18.

19. 20. 21.

13. 14. 15.

notEd.