PRINCIPLES OF USER INTERFACE DESIGN (13MCA355)

PESIT- Bangalore South Campus Hosur Road (1km Before Electronic city) Bangalore 560 100 Department of MCA COURSE INFORMATION SHEET PRINCIPLES OF USER INTERFACE DESIGN (13MCA355) 1. GENERAL INFORMATION Academic Year: 2016 Semester(s):III Title Code Duration PRINCIPLES OF USER Lecture 52 Hrs 13MCA355 INTERFACE DESIGN Total: 52 Hrs 2. FACULTY DETAILS Deta Name Ms. Richa Sharma Department MCA Room Room-517 V-Floor Phone No. 7406623000 richasharma@pes.e E-mail du Contact Hours Office Hours Consultation By Email 3. VENUE AND HOURS/WEEK All lectures will normally be held in 603. Lecture Hours/week: 4Hr

4. COURSE OUTCOMES: The STUDENT WILL BE ABLE : To suggest some general design principles for user interface design. To explain different interaction styles and their use. To explain when to use graphical and textual information presentation To explain the principal activities in the user interface design process To introduce usability attributes and approaches to system evaluation To come up with such interface designs which are user friendly and appealing to user. 5. MODULE SPECIFICATION: % of portions covered Class Chapter Title/ Reference Topics to be Covered Reference # Literature Cumulative Chapter 1 Usability of Interactive Systems, Introduction, 2 Usability Goals and Measures, Motivations 3 Universal Usability, Goals for Our Profession UNIT 1 Guidelines, Principles and theories: 4 Introduction ( Chap 1 & 2) Introduction 13% 13% 5 Guidelines 6 Principles 7 Theories Introduction, Organizational Design to Support 8 Usability UNIT 2 The four Pillars of Design, Development 9 Development Processes Methodologies 10 ( Chap 3) Ethnographic Observation, 12% 25% 11 Participatory Design 12 Scenario Development 13 Social Impact and Legal Issues 14 Evaluating Interface designs, 15 Intro, Expert Reviews 16 UNIT 3 Usability Testing and Labs Development Processes 13% 38% 17 Survey Instruments, Acceptance Tests (Chap 4) Evaluation during active use, 18 19 Controlled Psychologically Oriented Experiment Direct Manipulation and virtual Environments 20 Intro, Examples of Direct Manipulations 21 Discussion of direct Manipulation, 3D Interfaces 22 Teleoperation, Virtual and augmented Reality UNIT 4 Menu Selection, Form Fill-in and Dialog Boxes, 23 Interaction Styles( Chap 5 & Introduction, Task related menu organization 24 6) Single Menus, combinations of multiple menus 25 Content Organizations 26 Fast Movement thru Menus 12% 50% 27 Data entry with Menus and Audio Menu Command and Natural Languages, 28 Introduction, Command Organization 29 Naming and Abbreviation UNIT 5 30 Natural Language in computing Interaction Styles( Chap 7 & 13% 63% Interaction Devices, Introduction, Keyboards 31 8 ) and keybads 32 Pointing Devices 33 Speech & Auditory Interfaces, Displays Quality of Services, Model of response time 34 impacts, UNIT 6 35 Expectations and attitudes 12% 75% Design Issues( Chap 10) 36 User Productivity, 37 Variability in response time

38 Frustrating Experiences 39 Error messages 40 UNIT 7 Nonanthromorphic Design, 41 Balancing Function and Display Design 42 Fashion(hap 11) Web page design, 43 window design, color 12% 87% 44 Introduction, Online Versus Paper Documentations, Reading from newspaper vs displays 45 Shaping the content of the documentation 46 Accessing the Documentation, Online tutorials UNIT 8 13% 100% 48 Online Communities for user assistance User Documentation ( Chap Introduction Search in Textual Documents & 49 12, 13 & 14) DB querying Multimedia Document searches, Advanced 50 Filtering and search interfaces 51 Information Visualization Data Type by Task Taxonomy, Challenges for 52 Information Visualization Literature /References Book Code Title & Author Publication Info Type Edition Publisher Year Text T1 Designing the User Book Interface: Ben 5th Pearson 2010 Shneiderman Education Refere R1 Human Computer 2nd Prentice Hall 2008 nce: Interaction: Alan J Dix et Book al Refere R2 User Interface Design: nce Eberts 3 rd PHI 1994 Book Internal Assessment S.No Activity Marks 1. Seminar 5 2. Quizzes (surprise test) 5 3. Overall Participation 5 4. Assignment 5 5. Internal Tests 30 TOTAL 50

Seminar: A group of 2 students each will present either a case study or a paper. The presentation has to be approved by me before presenting in class. Assignment: 2 application-based assignments will be given which must be submitted before T2 and T3. These assignments will be done in the class as a group activity. Each group would comprise of 3 students each. QUESTION BANK(Assorted) Assorted Questions 1) Define User Interface? What are the two components in User Interface? 2) What is meant by GUI? 3) Define Pick and Click Interaction? 4) What is an object? Explain its types? 5) Define Property Attribute Specification? Explain its Sequence? 6) Define Concurrent performance of function? 7) What is User Assistance in Web Interface Design? 8) Write a note on consistency? 9) Explain the Types of Compatibility? 10) What is meant by Transparency? 11) Explain five ways to provide Simplicity? 12) Give some reasons for popularity of GUI. 13) What do you mean by WIMP? 14) Define Direct Manipulation systems (or) Give the characteristics of Direct Manipulation systems. 15) What do you mean by indirect manipulation system? 16) Give some reasons for using Indirect manipulation systems. 17) Give some advantages and disadvantages of GUI. 18) List the characteristics of GUI system. 19) Define WYSIWYG. 20) State the object classification as per IBM system application architecture common user access (SAA CUA) Advanced design reference. 21) Define properties or attributes of an object. 22) Compare and contrast between GUI and Web Design. 23) Compare and contrast printed pages and web pages. 24) What do you meant by Extranet? 25) State any two design principles of Xerox. 26) List the design principles of Xerox star. 27) Design any two general user interface design principles. 28) What is human-computer interface? 29) Explain briefly about the Characteristics of GUI? 2) Mention the Advantages and Disadvantages of GUI in detail? 3) Write a detail note on Characteristics of Web User Interface? 4) Explain the general principles of User Interface Design? 5) Explain the characteristics of intranet and internet? Mention its difference? 6) Explain in detail about web navigation? 7) Write in brief about the need for Human computer interface.

8) Discuss the direct manipulation graphical system with examples. 1) What is meant by Visual Acuity? 2) What is meant by Short Term and Long Term Memory? 3) Explain direct method in requirement analysis? 4) Explain indirect method in requirement analysis? 5) Write a note on Grouping? 6) What are the perceptual principles used to create functional grouping? 7) Write a note on Scrolling and paging? 8) What is meant by Completion aid? 9) What is known as Tabbing? 10) What is meant by Auto Skipping? 11) What is meant by Verbal linkage and Spatial Linkage? 12) What are the advantages and disadvantages of Cascading Menu? 13) Write a note on keyboard accelerator? 14) What is meant by Toggled Menu items? What are the advantages and Disadvantages? 15) Write a note on Ordering? 16) What is known as Line Separators? 17) What are the types of intent indicators? 18) Write a note on Keyboard Accelerators? 19) What are the advantages and disadvantages of Pull-down Menu? 20) What are the advantages and disadvantages of Cascading Menu? 21) List the common obstacles in the development path. 22) List some common pitfalls in the development path. 23) List the five commandments of user Interface design. 24) Define Usability. 25) List some common usability problems. 26) State some usability problem in using web interface. 27) Give some practical measures of usability. 28) Give some objective measures of usability. 29) What are the things a designer must follow to develop truly usable systems? 30) Give some psychological responses to poor design. 31) Give some physical responses to poor design. 32) List some important Human characteristics in design. 33) What are the system training tools? 34) What are the structures of menu? 1) Explain the importance of human consideration in UI design with suitable example? 2) What is requirement analysis? What are the methods involved in it? What is the impact of it on UI design? 3) (a) Explain the Structure of Menus? (8) (b) Explain the Menu can be phrased? (8) 4) (a) Explain the functions of Menus? (8) (b) Explain briefly about Formatting of Menus? (8) 5) What is Statistical Graphics? Explain the Components of a Statistical Graphics? 6) Explain the types of Statistical Graphics? 7) Discuss briefly about Navigating Menus? 8) Explain the Kinds of Graphical Menu? 1) What is known as Split box? 2) Write a note on Size Grip? 3) What is known as Cascading Window?

4) What is known as Unfolding Window? 5) What is the use of Palette Window? 6) What are the advantages and disadvantages of Single Document interface? 7) What are the advantages and disadvantages of Multiple Document interface? 8) What is meant by Projects? 9) How window is organized? 10) What is a frame? Mention its advantages and disadvantages? 11) What are the characteristics of device based Controls? 12) What is meant by Graphic Tablet? 13) Write a note on mouse usage guidelines? 14) Write a note on Keyboard Guidelines? 15) What are the advantages & disadvantages of Command Button? 16) Explain three styles of button? 17) Explain the purpose of Single Selection list box? 18) What is a slider? Mention its advantages? 19) What is known as Balloon Tips? 20) What is meant by Sample box? 21) Write a note on Scrolling Tickers? 22) What are the characteristics of window? 23) List out the advantages of windows? 24) What are the different window presentation styles? 25) What are the various window operations? 26) What are the characteristics of device-based controls? 27) What are the guidelines for selecting the proper device-based controls? 28) What are the guidelines for pointer? 29) What are operable controls? 30) List some examples for device based controls. 1) Explain how windows are useful? Explain its Components 2) a) Explain briefly about the presentation styles of window? (8) b) Explain about window management? (8) 3) Discuss briefly about the types of windows? 4) Write a note on Organizing Window Functions? 5) a) Explain the types of Device Based Controls? (8) b) Explain the guidelines for selecting the proper device-based controls? (8) 6) Explain the types of Operable Controls? 7) Explain the types of Presentation Controls? 8) Explain types of Controls other than Operable Controls? 9) Explain guidelines for selecting the proper CONTROLS? 10) Explain the types and components of windows. 11) Discuss about the screen based presentation controls. 1) What is a message? What are the types of Message? 2) Write a note on Message box controls? 3) What is meant by instructional message? 4) What is meant by response time? 5) What is known as earcons? 6) Explain the purpose of hints? 7) What is known as Accessibility? 8) What is known as Cognitive Disabilities? 9) What is known as icons? 10) What is known as Dithering?

11) What is known as protanopia, deuteranopia and tritanopia? 12) Describe status bar message. 13) State the guidelines for writing status bar message. 14) Define Tooltip. 15) State the design guidelines for Tooltip. 16) What do you meant by Task-Oriented Help? 17) State any four design guidelines for Task-Oriented Help. 18) State the writing guidelines for Reference Help. 19) Define Wizard. 20) Give the design guidelines for Wizard. 21) State the presentation guidelines for Wizards. 22) Give the writing guidelines for Wizards. 23) What are Hints or Tips? 24) Give the design guidelines for Hints/Tips. 25) discuss when to do and when not to do localization. 26) What do you mean by localization? 27) What is internationalization? 28) Mention the three properties of color. 1) Write a note on Writing Message Box Text? 2) What is Text? Write a note on presenting text and writing text? 3) Discuss briefly about text on web pages? 4) Write a note on providing the proper feedback? 5) Write a note on Guidance and Assistance? 6) Explain the types of Disabilities? 7) Explain Kinds of Icons, Characteristics of icons and Choosing Icons? 8) Write a note on Organizing Guidelines? 9) Discuss briefly about windows Guidelines and Web page Guidelines. 1) What is the purpose of Usability test? 2) What are the importance s of usability test? 3) What is meant by prototypes? 4) What are the advantages and disadvantages of hand sketches? 5) Write a note sketch creation process? 6) What is meant by heuristic evaluation process? 7) What is known as Think-Aloud Evaluations? 8) What are the advantages and disadvantages of cognitive walkthroughs? 9) Write a note on Focus Group? 10) Write a note on Hypermedia? 11) List the steps involved in Testing. 12) State the purpose of Usability Testing. 13) State any 4 reasons for the important of Usability Testing. 14) What do you mean by Interactive paper prototypes? 15) State the advantage and disadvantages of Interactive paper prototypes? 16) What is a programmed façade? 17) State the advantages and disadvantages of programmed facades. 18) What do you mean by Heuristic Evaluation? 19) State the advantages and disadvantages of heuristic evaluation. 20) What is meant by cognitive walkthrough? 21) State the advantages of disadvantages of cognitive walkthrough. 22) State the information necessary to conduct a walkthrough. 23) Define Visualization.

24) What are the four phases of framework to classify user interfaces for textual search? 1) Write a note on Scope of Testing? 2) Write a note on information Search? 3) Explain the different kinds of test in detail? 4) What are the steps for developing and conducting test? 5) Explain WWW with example? 6) Discuss Briefly about Software tools. 7) Write in detail about information search techniques and hypermedia. 8) Explain briefly the kinds of prototypes in UID. 9) What is the need for usability? What are the types of Tests? Explain any two in detail.