The essential guide to user interface design an introduction to GUI design principles and techniques

1、printable versioncpsc 6118fall 200781197course syllabuscpsc 6118 human-computer interface development(online)instructorchris whitehead, mcse, assistant professore-mail: whitehead_office: cct 441office hours: tr, 7-7:30 pm, 8:45-9 pm; otherwise, by appointment.contacting me: if

2、 you need to discuss something outside of the classroom, please e-mail me within cougarview. cell phone: (706) 315-5946department phone: (706) 568-2410department fax: (706) 565-3529web site: /whiteheadrequired textbookstitle: the essential guide to user interface design, 3rd ed

3、itionauthor:wilbert o. galitzpublisher: john wiley & sons, inc.isbn: 978-0-470-05342-3year: 2007course descriptionthis courses teaches you, the student, how to design and implement human-computer interfaces. particular emphasis is placed on available software development tools for such interfaces. t

4、he course assumes you have a basic understanding of programming concepts prior to the taking this course. the course focuses primarily on interface design, supplemented by practical applications in either java, c#, or visual basic .net. you may choose to develop the practical applications in any of

5、the three languages.course outcomesthe following are this courses outcomes: students will demonstrate knowledge of the principles of human-computer interface development and human-computer interaction. strategies and actions used to produce the outcome:o study of human-computer interface development

6、.o study of human-computer interaction. abet criteria covered: a, b, c, g, i, j and k. program objectives covered: 1, 2, 3, 6 and 8. assessment methods: programming assignments, project implementation and documentation. students will demonstrate knowledge of the user interface design process. strate

7、gies and actions used to produce the outcome:o study of the user interface design process.o implement the user interface design process. abet criteria covered: a, b, c, g, i, j and k. program objectives covered: 1, 2, 3, 6 and 8. assessment methods: programming assignments, project implementation an

8、d documentation. students will demonstrate knowledge of user interface usability testing. strategies and actions used to produce the outcome:o study of user interface usability testing.o study of the user interface usability testing process. abet criteria covered: a, b, c, g, i, j and k. program obj

9、ectives covered: 1, 2, 3, 6 and 8. assessment methods: project implementation and documentation. students will demonstrate the ability to communicate effectively. strategies and actions used to produce the outcome:o completion of project proposal, analysis and design and implementation documentation

10、. abet criteria covered: a, b, c, f, g, i, j and k. program objectives covered: 6 and 8. assessment methods: project proposal, analysis and design and implementation documentation.course objectivesin meeting the course outcomes described above, at the completion of the course, students will be able

11、to: define what a human-computer interface is; describe the characteristics of human-computer interfaces, particularly graphical and web user interfaces; apply the principles of user interface design to practical applications; implement the user interface design process; describe how people interact

12、 with computers; describe the importance of human characteristics and considerations in design and be able to apply these to practical applications; describe how the business function and design interact; implement the principles of good screen design; develop effective menus and navigation systems;

13、 design and choose windows and windows components; choose the proper device- and screen-based controls; describe the role text and messages play in user interface design; provide effective feedback and help; implement internationalization and accessibility within an interface design; describe how to

14、 create meaningful graphics, icons, and images; choose proper colors; and organize and layout windows and pages.assessment methodsgrades in this course will be based on the following assessments: responses to discussion questions - 25% comments to other students responses - 10% programming assignmen

15、ts - 25% final project proposal - 5% final project analysis and design - 10% final project implementation and documentation - 25% final grades will be assigned according to the following schedule: percentagegrade90 100 a 80 89b 70 79c 60 69d 60f how to access the coursethis course is being offered t

16、hrough cougarview. you can access cougarview at: / at this page, click on the login icon within the cougarview portion of the page to activate the cougarview logon page. your cougarview username and password are: username: lastname_firstnamepassword: ddmmyy where ddmmyy i

17、s your birthdate: 2 digits for day, month, and year. if you try the above and cougarview will not let you in, please use the need help with cougarview? link below the username and password textboxes to request help. if you are still having problems gaining access after a few days in the class, pleas

18、e e-mail me. once youve entered cougarview, you will see a list of courses you have access to which contains some combination of the phrases cpsc 6118 and fall 2007. if you dont see this entry in the list, please e-mail me. once you have clicked on the courses name and accessed the particular course

19、 itself, you will find a home page with links to other sections and tools. the first thing you should do is read the welcome (read first) information. this information will give you a feel for whats available in the particular cougarview classroom environment and explain in more detail how the cours

20、e will work. once youve read this information, please feel free to explore the other areas, particularly the course content and discussions.how this course will workthis course will consist of readings, discussion questions, programming assignments, and a final project. on a weekly basis, you will n

21、eed to:1. review the weeks lesson (approx. one hour per week);2. complete the weekly readings (approx. two hours per week);3. submit responses to weekly discussion questions based on the readings (approx. two hours per week);4. comment on other students responses to the discussion questions (approx.

22、 one hour per week); and5. complete the programming assignments (approx. three hours per week).in addition to the weekly requirements, you will need to:6. decide on and complete a final project (approx. one hour per week).expected workload: 10 hours per weekstudent responsibilitiesas a student in th

23、is course, you are responsible to: manage your time and maintain the discipline required to meet the course requirements, complete all readings, actively participate in weekly discussions, complete and submit programming assignments, decide on and develop a final project, and read any e-mail sent by

24、 the instructor and respond accordingly. “i didnt know” is not an acceptable excuse for failing to meet the course requirements. if you fail to meet your responsibilities, you do so at your own risk.instructor responsibilitiesas your instructor in this course, i am responsible to: post weekly lesson

25、s outlining the assignments for the week; post weekly discussion questions; read all responses to discussion questions and comments to responses; actively participate in weekly discussions; grade discussion questions, comments, programming assignments, and the final project deliverables and post sco

26、res within one week of the end of the week in which they are submitted; and read any e-mail sent by students and respond accordingly within 48 hours. although i will read every posted discussion question and response, i will not necessarily respond to every post.attendance policyregularly participat

27、ing in the class discussions and posting your responses as early as possible is important. if you do not respond to discussion questions or comment on other students responses for two or moreweeks in a row, you may receive a wf. if an emergency prevents you from responding to discussion questions or

28、 commenting on other students responses, please contact me to make alternative arrangements. tentative schedulethe following is the tentative schedule for the course. it is subject to change. a current schedule will be maintained in the cougarview calendar. weekdates readings/topics startup8/16 - 8/

29、1918/20 - 8/26part 1 - the user interface - an introduction and overviewchapter 1 - the importance of the user interfacechapter 2 - characteristics of graphical and web user interfaces28/27 - 9/2part 2 - the user interface design processstep 1 - know your user or clientstep 2 - understand the busine

30、ss function9/3labor day holiday39/4 - 9/9step 3 - understand the principles of good interface and screen design49/10 - 9/16step 3 - understand the principles of good interface and screen design (cont)9/16final project proposal due59/17 - 9/23step 4 - develop system menus and navigation schemes69/24

31、- 9/30step 5 - select the proper kinds of windowsstep 6 - select the proper interaction devices710/1 - 10/7step 7 - choose the proper screen-based controls10/7programming assignments #1 and #2 due810/8 - 10/14fall break - no discussions or assignments910/15 - 10/21step 7 - choose the proper screen-b

32、ased controls (cont)10/21final project analysis and design due10 10/22 - 10/28step 8 - write clear text and messages step 9 - provide effective feedback and guidance and assistance1110/29 - 11/4step 10 - provide effective internationalization and accessibilitystep 11 - create meaningful graphics, ic

33、ons, and images1211/5 - 11/11step 12 - choose the proper colorsstep 13 - organize and layout windows and pages1311/12 - 11/18step 14 - test, test, and retest11/18programming assignments #3 and #4 due1411/19 - 11/25thanksgiving holiday15/1611/26 - 12/9work on final project12/10final project implement

34、ation and documentation due online discussionsto maximize your learning, you are expected to participate actively in the weekly discussions. this means posting responses to discussion questions, commenting on other students responses, commenting on other students comments, and responding to comments

35、 made to your responses and comments. during weeks 1-5, to earn credit for discussion question responses, you must post a response to at least one discussion question. the points you earn for this post will be based on the quality of the content; that is, the thoroughness, clarity, conciseness, and

36、relevance to the discussion question. to earn credit for discussion question comments, you must comment on at least one other students response. keep in mind that replies to comments made to your responses to discussion questions do not count as comments.similar to responses, the score you earn for

37、comments will be based on the quality of the content; that is, the thoroughness, clarity, conciseness, and relevance to the discussion question and the response you are commenting on, as well as the value they add to the discussion. remember, the purpose of the course discussions is to stimulate aca

38、demic debate. critical thinking is highly desirable! if you do not agree with someones post, say so. just do so with respect (see the discussion etiquette section below). as previously stated, i will read every posted message, but i will not necessarily respond to everyresponse or to every comment.

39、i will, however,interject comments where necessary for clarification.discussion etiquettecsu is committed to open, frank, and insightful dialogue in all of its courses. diversity has many manifestations, including diversity of thought, opinion, and values. students are encouraged to be respectful of

40、 that diversity and to refrain from inappropriate commentary. should such inappropriate comments occur, i will intervene as i monitor the dialogue in the discussions. i will request that inappropriate content be removed from the discussion and will recommend university disciplinary action if deemed

41、appropriate. students as well as faculty should be guided by common sense and basic etiquette. the following are good guidelines to follow: never post, transmit, promote, or distribute content that is known to be illegal. never post harassing, threatening, or embarrassing comments. if you disagree w

42、ith someone, respond to the subject, not the person. never post content that is harmful, abusive; racially, ethnically, or religiously offensive; vulgar; sexually explicit; or otherwise potentially offensive. in addition to the above, a positive attitude is essential to a healthy learning environmen

43、t. not only should your posts be respectful and insightful, but they should also be positive in order to benefit the entire class.programming assignments turn-in requirementsthe details concerning programming assignments will be available within cougarview.final projectyou are required to complete a

44、n individual final project for this course together with a project proposal, an analysis and design deliverable, and an implementation and documentation deliverable. you are responsible for deciding on the scope of the project. details of the project requirements will be posted within cougarview.ass

45、ignment due datesall responses to class discussion questions, comments to other students responses, and programming assignments are due during the week in which they are assigned and no later than 11:59 pm (23:59) (eastern time).the due dates for specific responses, comments, and programming assignm

46、ents will be given in the weekly lessons, as part of the posted thread, and in the courses calendar. assignments submitted or modified after the assignment due date will assessed a late penalty as described below. late assignmentsif circumstances prevent the timely posting of assignments, please not

47、ify me by e-mail within cougarview. unless you make prior arrangements with me, any assignment submitted after its assigned due date will be considered late. late assignments may be submitted up to three days beyond their assigned due date and are subject to a 10% reduction in points for each day th

48、ey are submitted beyond the assigned due date. assignments not submitted by the assigned due date or within the three days following the assigned due due will be assessed a grade of zero (0). because of course grade reporting requirements, the final project must be submitted by the assigned due date

49、 - no exceptions! any final project not submitted by the assigned due date will be assessed a grade of zero (0). extra creditthere are no provisions for extra credit in this course.incompletesif unusual circumstances preclude you from completing the course and you have satisfactorily completed all t

50、he other course requirements up until that point, i will award you a grade of incomplete provided you contact me regarding the unusual circumstances and you agree to certain conditions for removal of the incomplete. you must, however, contact me and arrange for the incomplete as soon as you are awar

51、e that you will be unable to complete the course and before the last day of class.softwarein this course, you may use either java, c# or vb.net for the programming assignments and the final project. if you intend to use java as your application language, you will need the java software development k

52、it (j2sdk) to complete programming assignments and your final project. the j2sdk is part of the java 2 platform standard edition (j2se), which is available from:/javase/downloads/index.jsp the j2se will run on just about any platform including windows and linux. if you work on your

53、 programs in the csu labs, the j2se is installed. you will also need an editor to compose your java source code. although you can use notepad or any java editor, textpad, jbuilder, eclipse, or javabeans are the recommended editors. the csu labs are equipped with these particular editors.if you are g

54、oing to use c# for your programming assignments and final project, you will need the following software for this course: operating system: windows 2000 or xp professional or windows vista development environment: visual studio .net 2005note: if you are using windows xp and you plan to use c# for you

55、r programming assignments and final project, you must use the professional version of windows xp. if you have the windows xp home edition, you must upgrade to the professional edition. you can do so for free by downloading windows xp professional from the msdnaa site at:/co

56、lstate_cs to complete the design requirements of this course, you will need: modeling tool: microsoft visio 2000 or above or equivalent softwaremicrosoft visio is also available from the msdnaa site if you do not already have it.obtaining msdnaa softwareas a student in this course, you are eligible

57、for free microsoft software development software. this software is available from the msdnaa site at:/colstate_cs if you live or work in the local columbus area, you can drop by the department of computer science on the fourth floor in the new center for commerce and technology building and check out a copy of the cds for microsoft visio. if you do not live or work in the local columbus area, you may either download the software