Your SlideShare is downloading. ×
Effective web UI
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Effective web UI

438
views

Published on

basic understanding of UI

basic understanding of UI

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
438
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. Engaging Your Customers Online by Fisher System/Web UI 20 Aug 2010
    • 2. What is it for? What is UI?
    • 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. A well designed UI have to be…
    • 5. A well designed UI have to be…
      • Useful .
      • 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.
      • Usable .
      • 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.
      • Desirable .
      • 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.
      • Findable .
      • We must strive to design navigable web sites and locatable objects, so users can find what they need.
      • Accessible .
      • 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.
      • Credible .
      • 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.
      • Valuable .
      • 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.
    • 6. Most importantly… UI is for Idiots
    • 7. Examples of Common UI Component
      • Button
      • Label
      • Textbox / Textarea
      • Box
      • Drop down
      • Radio button
      • Image
      • Table / List
      • Tooltips
      • Calendar
      • Popup
      • Scroll
      • Drag & Drop
      • Resize
      • Hover
      • Alert
      • Message
      • Ajax
      • JQuery
    • 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