What's happening today:

  • Discussion: Learning to Learn
  • Discussion: Apple's HIG
  • Guest Lecture: Bradley Smith
  • Assignment 1 Released

Key Points:

  • The Cognitive Domain
  • The Affective Domain
  • Fink's Taxonomy of Significant Learning
  • What Really is Learning
  • Intellectual Development
  • Critical Thinking
  • Understanding Grades
Learning to Learn (pdf)

Discussion Points From Class

  • TBA

Required Readings

  • iOS App Anatomy
  • Adaptivity and Layout
  • Navigation
  • Interactivity and Feedback
  • Color and Typography
  • Terminology and Wording
  • From Concept to Product

Discussion Points From Class

how can i tell my layout to change or adapt to different screen sizes and orientations?
 -> CSS Media query or JavaScript (window.innerWidth * window.devicePixelRatio)
 
navigation bars and placement
 -> app guidelines vs os
 ->content layout vs. navigation ui layout (guidelines not necc. equal)

placement of icons within a tap or navigation bar
 -> instagram camera icon is in the center (most important)
 
facebook app makes good use of gestures, but tap bars still present
 
splash screen removal in iOS, where do i put that content (sponsors etc...)
 
shake for undo
 -> on a tablet? that's weird
 -> shake comes from etch a sketch, but rotating a bit left and right also works
 -> put undo/erase as part of ui
 
newer, more complex gestures, are they intuitive? or are they just for power users?
 -> blackberry, no home button, swipe right to left to delete a word, swipe down for numbers
 -> two finger wheel counter clockwise, how do you deal with how many undos should happen in a single revolution?
 
interface design course siat looks into HIG
 
in siat course, team project prototypes mobile app
 -> interviewed users to see what they liked about layout, can they find content
 -> prototype with wireframeing tools before building your app ui, (ex: axure)
 
wireframing can be powerful tool to communicate to stakeholders
 
turn a features list into individual paper prototypes
 -> small little moduled apps test each module individually
 -> more pure feedback focused on each feature
 -> more complete attention to task / feature

	

Required Readings

  • Navigation
  • Navigation Patterns (read all)
  • Responsive Design and Form Factors
  • Color
  • Icons
  • Motion
  • Type

Slides

TBA

Key Points from Questions

  • TBA