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 Recordset.movenext

Dynamaps

Shneiderman’s OAI Objects Actions Affordances

Dialog Layout Open C: Hard disk Drive: Bitmaps *.bmp File Type: Cancel Open C: Hard disk Drive: Bitmaps *.bmp File Type: Cancel File: Blahblah.bmp Out of order sequence 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