Layout and Design Chris North cs 3724 HCI

Layout and Design Chris North cs 3724: 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 Recordset. movenext

Dynamaps

Shneiderman’s OAI • Objects • Actions • Affordances

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

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

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

Fitt’s Law • Time to point: • Proportional to distance to target • Inversely proportional to size of target • Time to point = c 1 + c 2 log (2 distance / size)

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

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