Lecture on Interface Design for TechEase09

Interface : Discussion on known concepts, setting up and preamble.

Interface Design, development and the programming aspect of the same

Activity: Guess the interface; Analysis of interface elements, appearance, canonical forms, recognition and confusion.Ok-cancel cartoon UI

Understanding Interfaces : how familiarity helps pleasant interfaces.

If its so straight, why all interfaces don’t look similar? And why so many interfaces Fail.

Various factors are responsible, Human Factors, Design Factors, Standards, Design Patterns, Guidelines etc. We take only the Design and Development Rout.

Parts that affect the Design factors

Understanding Design Factors, Introduction to Donald Norman’s book, ideas, and the same as foundation for analysis tool.

Four Key things from Donald Norman’s Design of Everyday things.

Affordance

Affordance:Focus

Mapping

Constraints : Modality

Constraints: Termination

Mental Model: Organization of Work Space, Windows and Poser

Mental Model : leveraging Color Model for widget design.

Factors that are important for Interface Development.(Cordys User Experience Group Logo)

Time-line of technology

The Xerox Star 8010 Document Processor 1981 June: Xerox introduces the Star, the commercial successor to the Alto. Notable features: Double-clickable icons, overlapping windows, dialog boxes and a 1024*768 monochrome display. 2. VISIOn – 1983, memory requirement 512KB, rejected in market

3. Windows 1 - 19854. Acorn Computers – 1987, first GUI with anti aliased fonts, 32bit processor, and with 16 color model

Development

Development and Design : Seemingly separate silos; cause much pain in getting them right.

Meeting the competencies

CSS Zen Garden Example

CSS Zen Garden Example

CSS Zen Garden Example

CSS Zen Garden Example

CSS Zen Garden Example

T Shaped thinking

http://www.csszengarden.comhttp://www.csszengarden.com/?cssfile=/213/213.css, http://www.csszengarden.com/?cssfile=189/189.css,http://www.csszengarden.com/?cssfile=209/209.css, http://www.csszengarden.com/?cssfile=202/202.csshttp://www.csszengarden.com/?cssfile=177/177.cssDonald Norman, The Design of Everyday Thingshttp://www.digibarn.com, http://www.classiccmp.org & http://oldcomputers.net/ | Incredible archives of all things related to computer history, dates, adverts, technical specs and all.Collection of History of GUI related links : http://delicious.com/AshishTiwari/Historyhttp://www.ok-cancel.com/comic/4.html | the web-comic about the interface designUser Interface Design for Programmers, Joel Spolsky“Applying Design of Everyday things to Software”, Ashish A. Tiwari with Prof. Anirudha Joshi, IDC, IITB 2001Donald Norman, http://www.jnd.org/User Experience Practice at Cordys.

Ashish A. Tiwari------Please feel free to share, re-use, forward and generally use this presentation for any constructive means.It’ll be good if you mention the source (Attribution) and take case to use for same purpose (ShareAlike)