1 / 17

Interaction design, Q2 review

Interaction design, Q2 review. IS 403: User Interface Design Shaun Kane. The rest of the course. Still 5 assignments and 2 quizzes left Resubmit assignments! Extra credit slots Improvement counts Let me help (office hours, appointments, looking at assignments). Some comments on A4….

eman
Download Presentation

Interaction design, Q2 review

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interaction design, Q2 review IS 403: User Interface Design Shaun Kane

  2. The rest of the course Still 5 assignments and 2 quizzes left Resubmit assignments! Extra credit slots Improvement counts Let me help (office hours, appointments, looking at assignments)

  3. Some comments on A4… • Lots of comments == good • Tackle the hard problems • Search / result / detail pages are difficult • Login / error pages not so much • Understand your use / understand users • Presenting your first ideas vs. your best ideas • Demonstrate your graphic design skills

  4. Some comments on A4… Alignment • Lots of comments == good • Tackle the hard problems • Search / result / detail pages are difficult • Login / error pages not so much • Understand your use / understand users • Presenting your first ideas vs. your best ideas • Demonstrate your graphic design skills

  5. Questions to ask Does some other site/app do what my site/app does? If so, is mine different? Is it better or worse? OK to copy (but do so creatively)

  6. Some examples of interaction design… (we’ll do more next Thursday)

  7. My cool site Search Loremipsum dolor sit amet, consectetur adipiscingelit. Aliquamnecegestas ligula. Duistempornec ante velornare. Quisque portaluctusvelit, utmattisneque pellentesquesollicitudin. Nullaporttitornisl utnisi vestibulumullamcorper. Fusce vitae feugiatmi. Aeneanfaucibus, metus ac conguedictum, dolor nislrutrum dolor, vel posueremetus lacus id tellus. Vestibulum in feugiatfelis. Vivamus ac hendrerit ligula. Utvolutpattellus ac ultriciesegestas. Sed scelerisquetempus loremnecsagittis. Sed sedelitvolutpat, vestibulumurna non, dapibus lacus. Phasellusvehicula magna quam, eu venenatismagna elementum at. Crasgravida variuspurusvelmollis. Mauris a ligula varius, conguedui sed, pellentesquefelis.

  8. My cool site Search Loremipsum dolor sit amet, consectetur adipiscingelit. Aliquamnecegestas ligula. Duistempornec ante velornare. Quisque portaluctusvelit, utmattisneque pellentesquesollicitudin. Nullaporttitornisl utnisi vestibulumullamcorper. Fusce vitae feugiatmi. Aeneanfaucibus, metus ac conguedictum, dolor nislrutrum dolor, vel posueremetus lacus id tellus. Vestibulum in feugiatfelis. Vivamus ac hendrerit ligula. Utvolutpattellus ac ultriciesegestas. Sed scelerisquetempus loremnecsagittis. Sed sedelitvolutpat, vestibulumurna non, dapibus lacus. Phasellusvehicula magna quam, eu venenatismagna elementum at. Crasgravida variuspurusvelmollis. Mauris a ligula varius, conguedui sed, pellentesquefelis.

  9. Wig store Search Wig Wig Wig Wig Wig Wig Wig Wig Wig Wig Colors Red Green Yellow Styles Straight Curly

  10. Wig store Search Wig Wig Wig Wig Wig Wig Wig Wig Wig Wig Colors Red Green Yellow Styles Straight Curly What am I looking at now? How do I get straight and green? How do users think about what they want?

  11. Back OK Cancel Name Age Birthday Alignment Birthday – What goes where? Birthday and age are redundant Birthday as dropdown Birthday as popup Zodiac should be dropdown Height Weight Favorite Pokemon Zodiac sign

  12. Home Back vs. Cancel? Too much work Use verbs forbuttons Reading order Name Age Birthday Height Weight Favorite Pokemon Zodiac sign Create account

  13. Q2 • What did we cover? • Color • Typefaces • Grids • Robin Williams perspective on design • Kids! • Design process

  14. Source materials • Lectures and slides (everything we’ve covered in class) • Readings • Color • Type • Williams’ perspective on design • Guest speakers

  15. What you’ll have to know • Vocabulary / terminology • How to identify design elements / themes • “How does this use the principle of contrast?” • Apply it • “Use the principle of contrast to improve this design”

  16. Example Qs? Why uppercase vs. mixed case? NO: What are the various types of color schemes with examples? What does RGB stand for? Name 3 of Robin Williams’s design principles

  17. Design feedback Work with a partner Get feedback on your designs Feedback from me

More Related