Effective web UI


Published on

basic understanding of UI

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Tech-Share 20 Aug 2010
  • User interface, to help improve and fasten usual process
  • any buttons, links, layout, text and etc that helps on processing and achieving end results
  • A Good UI has to be idiot prove
  • A Good UI has to be idiot prove
  • Effective web UI

    1. 1. Engaging Your Customers Online by Fisher System/Web UI 20 Aug 2010
    2. 2. What is it for? What is UI?
    3. 3. UI is everywhere Wiki Definition: http://en.wikipedia.org/wiki/User_interface A user interface is the system by which people (users) interact with a machine. - includes hardware (physical) - software (logical) components IO User guild Workflow More… UI is in your daily life, Look around yourself…
    4. 4. A well designed UI have to be…
    5. 5. A well designed UI have to be… <ul><li>Useful . </li></ul><ul><li>As practitioners, we can't be content to paint within the lines drawn by managers. We must have the courage and creativity to ask whether our products and systems are useful, and to apply our deep knowledge of craft and medium to define innovative solutions that are more useful. </li></ul><ul><li>Usable . </li></ul><ul><li>Ease of use remains vital, and yet the interface-centered methods and perspectives of human-computer interaction do not address all dimensions of web design. In short, usability is necessary but not sufficient. </li></ul><ul><li>Desirable . </li></ul><ul><li>Our quest for efficiency must be tempered by an appreciation for the power and value of image, identity, brand, and other elements of emotional design. </li></ul><ul><li>Findable . </li></ul><ul><li>We must strive to design navigable web sites and locatable objects, so users can find what they need. </li></ul><ul><li>Accessible . </li></ul><ul><li>Just as our buildings have elevators and ramps, our web sites should be accessible to people with disabilities (more than 10% of the population). Today, it's good business and the ethical thing to do. Eventually, it will become the law. </li></ul><ul><li>Credible . </li></ul><ul><li>Thanks to the Web Credibility Project, we're beginning to understand the design elements that influence whether users trust and believe what we tell them. </li></ul><ul><li>Valuable . </li></ul><ul><li>Our sites must deliver value to our sponsors. For non-profits, the user experience must advance the mission. With for-profits, it must contribute to the bottom line and improve customer satisfaction. </li></ul>
    6. 6. Most importantly… UI is for Idiots
    7. 7. Examples of Common UI Component <ul><li>Button </li></ul><ul><li>Label </li></ul><ul><li>Textbox / Textarea </li></ul><ul><li>Box </li></ul><ul><li>Drop down </li></ul><ul><li>Radio button </li></ul><ul><li>Image </li></ul><ul><li>Table / List </li></ul><ul><li>Tooltips </li></ul><ul><li>Calendar </li></ul><ul><li>Popup </li></ul><ul><li>Scroll </li></ul><ul><li>Drag & Drop </li></ul><ul><li>Resize </li></ul><ul><li>Hover </li></ul><ul><li>Alert </li></ul><ul><li>Message </li></ul><ul><li>Ajax </li></ul><ul><li>JQuery </li></ul>
    8. 8. Thank you Singapore 156 Macpherson Road, #08-01, Singapore 348528 Tel: +65 6748 8522 Fax: +65 6836 4963 Malaysia Lot 2-1A, Support Services, Technology Park Malaysia, Lebuhraya Puchong-Sg. Besi, Bukit Jalil, 57000 Kuala Lumpur, Malaysia. Tel: +60 38994 1750 / 1751 Fax: +60 32297 5390 China 中国广东省广州市天河区黄埔大道中 207 号海景花园 C 栋 1801 邮编: 510665 电话 : +86 020 8567 0704 传真 : +86 020 8567 0704 Email : info@techsailor.com Website : http://www.techsailor.com