ComputerHuman Interaction Fall 2015 Name of Interface Tagline

Computer/Human Interaction Fall 2015 Name of Interface Tagline if you have one Team member names and schools/years Team member emails Northeastern University 1

Computer/Human Interaction Fall 2015 Your persona • Present your persona – Name, archetype, photo, representative quote, goals, frustrations, “story”, characteristics – Discuss how the existing UCB app is and is not meeting the persona’s needs Northeastern University 2

Computer/Human Interaction Fall 2015 Your 2 Prototypes • Briefly describe the 2 paper prototypes that you evaluated • Briefly discuss how they were created to meet your persona’s needs Northeastern University 3

Computer/Human Interaction Fall 2015 Your design requirements • Describe your final design requirements – Functional and non-functional – Summarize these, making explicit reference to the data you’ve collected in your formative research to explain how you arrived at these requirements Northeastern University 4

Computer/Human Interaction Fall 2015 (Name of your interface) • Summarize in one slide what your final prototype does and how it – meets your design requirements and – serves your persona’s needs/desires • This is a high-level overview Northeastern University 5

Computer/Human Interaction Fall 2015 Innovation • In one or more slides, summarize what is particularly new and exciting about your approach • Explain what helped you to figure out this novel solution; how did you come up with the idea? Northeastern University 6

Computer/Human Interaction Fall 2015 (Add descriptive title) • Use the next set of slides to describe your interface in detail. . . • Explain how it meets your design requirements • Using screenshots and/or real photos of people using your application, give a scenario showing how typical usage would to achieve the goals you identified earlier. • Convey how your design abides by visual, usability, and user experience design principles learned in class Northeastern University 7

Computer/Human Interaction Fall 2015 Demo • Now switch to a live demo. You may not be able to show your whole interface. • Explain your design decisions • Please practice this so that you know you can make interesting points in a timely manner. Northeastern University 8

Computer/Human Interaction Fall 2015 Demo • You must be able to project the demo on the screen, and it is your responsibility to make sure the transition between slides and demo goes smoothly and quickly. Northeastern University 9

Computer/Human Interaction Fall 2015 Surprise(s) • In one or more slides, talk about anything that surprised you about your users (i. e. , what changed between your initial expectations and your final understandings of your users, based on your formative research, reading, prototype testing, etc. ) Northeastern University 10

Computer/Human Interaction Fall 2015 A design challenge • Focus in on one specific design challenge you encountered. • In one or mores slides, show your initial idea for one part of the interface (e. g. , a particular screen) and then describe the problems you discovered in testing and how you solved them. • In other words, step us through the evolution of your thinking. Northeastern University 11

Computer/Human Interaction Fall 2015 The future • Critique your interface. – What could still be better and why? Northeastern University 12

Computer/Human Interaction Fall 2015 Your future process • Based on everything you learned in the course, what would be the next steps you would take to design, redesign, and/or evaluate the interface? (NOT just what would you do, but instead HOW would you go about doing it based on what you’ve learned about UI design and conducting user studies? ) Northeastern University 13

Computer/Human Interaction Fall 2015 Acknowledgements • Give credit where credit is due for ANY borrowed code, borrowed images, borrowed sounds, etc. • If another team helped you out substantially, give them kudos Northeastern University 14

Computer/Human Interaction Fall 2015 (Add descriptive title) • Your presentation must be a maximum of 15 minutes long • After each presentation we will have 5 minutes of Q&A Northeastern University 15

Computer/Human Interaction Fall 2015 (Add descriptive title) • Do not put too much text or more than 1 -2 images on any given slide Northeastern University 16

Computer/Human Interaction Fall 2015 (Add descriptive title) • Images are strongly preferred to text when they can be used to illustrate a concept • But, avoid gratuitous clip art Northeastern University 17

Computer/Human Interaction Fall 2015 (Add descriptive title) • Do not put text or images on the slide that people will not have time to read Northeastern University 18

Computer/Human Interaction Fall 2015 (Add descriptive title) • There is no need for everyone on your team to present part of the presentation. You can do that if you wish, or you can pick the best presenter and have that person do it. • Look at your audience not the computer screen and not just the professor! (because you know what you need to say because you have practiced!) Northeastern University 19

Computer/Human Interaction Fall 2015 (Add descriptive title) • • Make sure to practice, And practice You should pick the best presenter to present the project. Do not arbitrarily split up the presentation. All team members can answer questions. • You will be graded, in part, on the quality of your presentation delivery. Northeastern University 20