Lecture 1.pdf

Lecture 1  Recommended Text Book: “Designing the User Interface ”, By Ben Shneiderman and Catherine Plaisant Grading Schema  60% Final Exam  10% Oral Exam  20% Project+ Assignments Section Material  React (web)  React Native(mobile) Course OutLine  Introduction  Learnability  Vis...

Lecture 1  Recommended Text Book: “Designing the User Interface ”, By Ben Shneiderman and Catherine Plaisant Grading Schema  60% Final Exam  10% Oral Exam  20% Project+ Assignments Section Material  React (web)  React Native(mobile) Course OutLine  Introduction  Learnability  Visibility  Efficiency  Errors and user control  User centered design  Task analysis  Generating design  User interface architecture design  Layout  Input/output  User testing  Experiment analysis  Mobile user interface Familiar words UX: User Experience  The user experience is how a user interacts with and experiences a product, system or service.  User Experience Design  Interactive design UI: User Interface  The goal of effective UI is to make the user's experience easy , requiring minimum effort on the user's part to receive maximum desired outcome.  User Interface Design  Visual Design HCI: Human Computer Interaction Is UI+UX Introduction (Usabilty)  Usability is a quality attribute that assesses how easy user interfaces are to use.  The word "usability" also refers to methods for improving ease-of-use during the design process. User Interface is important User Interface is important  An attractive user interface may seem “user friendly” even if it’s not really usable.  Part of that is because users often blame themselves for errors they make, even if the errors could have been prevented by better interface design. (“Oops, I missed the File menu again! How stupid of me.”) User Interface is important  So usability is a little different from other important attributes of software, like reliability, performance, or security.  If the program is slow, or crashes, or gets hacked, we know who to blame.  If it’s unusable, but not fatally so, the usability problems may go unreported. Usability  There is 5 main quality components for Usability  Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?  Efficiency: Once users have learned the design, how quickly can they perform tasks? Usability  Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?  Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors?  Satisfaction: How pleasant is it to use the design? Usability  There are many other important quality attributes.  utility, which refers to the design's functionality: Does it do what users need?  Utility = whether it provides the features you need.  Usability = how easy & pleasant these features are to use.  Useful = usability + utility. Why Usability Is Important  On the Web, usability is a necessary condition for survival.  If a website is difficult to use, people leave.  If users get lost on a website, they leave.  If a website's information is hard to read or doesn't answer users' key questions, they leave. “The first law of ecommerce is that if users cannot find the product, they cannot buy it either.” When to Work on Usability  Usability plays a role in each stage of the design process.  Here are the main steps 1. Before starting the new design, test the old design 2. test your competitors' designs 3. Conduct a field study to see how users behave in their natural habitat When to Work on Usability 4. Make paper prototypes of one or more new design ideas and test them. 5. Refine the design ideas that test best through multiple iterations 6. Inspect the design relative to established usability guidelines 7. Once you decide on and implement the final design, test it again. How to Improve Usability 1. Reduce page loading times 2. Maintain consistency across your site 3. Make your site responsive 4. Use a familiar navigation layout 5. Use headings and subheadings with your content 6. Highlight your key features 7. Use images – but don’t overdo it The Eight Golden Rules of Interface Design 1. Strive for consistency 2. Seek universal usability. 3. Offer informative feedback. 4. Design dialogs to yield closure 5. Prevent errors. 6. Permit easy reversal of actions. 7. Keep users in control 8. Reduce short-term memory load.