1 / 11

Layout and Design

Layout and Design. Chris North cs3724: HCI. Presentations. john charonko jaime spicciati Vote: UI Hall of Fame/Shame?. Quiz. 2 types of components controls executables How to access data in a DB? connection Table, query -> recordset Recordset.field(“lastname”).value

kathy
Download Presentation

Layout and Design

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. Layout and Design Chris North cs3724: HCI

  2. Presentations • john charonko • jaime spicciati • Vote: UI Hall of Fame/Shame?

  3. Quiz • 2 types of components • controls • executables • How to access data in a DB? • connection • Table, query -> recordset • Recordset.field(“lastname”).value • Recordset.movenext

  4. Dynamaps

  5. Shneiderman’s OAI • Objects • Actions • Affordances

  6. Dialog Layout File Type: Drive: Bitmaps *.bmp C: Hard disk Open Cancel Drive: File Type: C: Hard disk Bitmaps *.bmp File: Blahblah.bmp Open Cancel Guides the user through the sequence Out of order sequence

  7. Dialog Layout • Fitt’s law • Too many clicks • Scroll bar = bad • Where am I? • Where are the files?

  8. Layout Design • Left aligned, grouping • Top-left first • Order sequence • Fitt’s law • Click counting

  9. Fitt’s Law • Time to point: • Proportional to distance to target • Inversely proportional to size of target • Time to point = c1 + c2 log (2 distance / size)

  10. Scroll bars • Fitt’s law analysis: • Arrows and thumb distant, small • Ideas: • Bookmarks • Page delimiters • Put arrows together • Jump to point • Mouse wheel • Match device to task • Good: scrolling, reading, scanning • Bad: jump to point

  11. Next • Project 1 due feb 7 (thurs) Presentations: • Thurs: terrence witt, mohamed hassoun • Next Tues: jerome holman, john gibson • Next Thurs: john randal, tom shultz

More Related