SOFTWARE ENGINEERING | USER INTERFACE DESIGN (WebApp Interface Design )
SOFTWARE ENGINEERING | USER INTERFACE DESIGN (WebApp Interface Design )
Presenter Dr.Parkavi.A
Software engineering LEcture
Reference : Software Engineering: A Practitioner’s Approach, 7/e (McGraw-Hill, 2009), Roger Pressman.
COntents:
WebApp Interface Design
Where am I?
What can I do now?
Where have I been, where am I going?
Effective WebApp Interfaces
Visually apparent
Hide inner workings of the system.
Maximum of work
Interface Design Principles
Anticipation.
Communication
Consistency
Controlled autonomy
Efficiency
Focus
Fitt’s Law—target
Human interface objects- Library
Latency reduction—multi-tasking
Learnability—time
Maintain work product –auto save
Readability—All age
Track state—later to continue
Visible navigation—work in same place
Interface Design Workflow
Review analysis model and refine.
Develop a rough sketch
Map user objectives.
Define a set of user tasks
Storyboard screen images.
Refine interface layout and storyboards
Identify user interface objects
Develop a procedural representation
Develop a behavioral representation of the interface.
Describe the interface layout for each state.
Refine and review the interface design model.
Aesthetic Design
White space.
Emphasize content.
Organize layout elements.
Group navigation, content, and function geographically
Don’t extend with the scrolling bar.
Consider resolution and browser window size
Design Evaluation Cycle
Mapping User Objectives