This presentation can help newbies to understaind user interface basics. Enjoy!

1. UI Best Practice
This is a training

2. What is Interface?
Good Interfaces Main Principles
Design Process Steps
Interface development 2.5 h
Current Projects
Tips and Recommendations
Prototype Your App (fast exercise)
coffee break 15 min
Interfaces 1.5 h

3. What is interface?

4. The way that you accomplish tasks with a product—what
you do and how it responds—that's the interface.
Jeff Raskin “the Humane Interface”

5. Interfaces around you...
Usually interfaces are very evident to use

6. But sometimes they are not so evident…
Donal Norman's book “The Design of Everyday Things” provides
some more examples
http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0465067107

7. «Human-Computer» Interface
Originally software interfaces showed too many features.
In addition you cannot receive natural feedback (opposite to physical
objects)

8. Interface tax — when you have to interact with
interface but not for reaching your objective.
The term by Alan Cooper, the famous interface designer
To create good interfaces we should strive to minimize interface taxes.

9. The most important things...
Money Typed data Time

10. Good Interfaces Main Principles

11. 1. Simple Mental Model
WYSIWYG

12. 2. Easy to Reach Essential Functions
Some complex operations may require complicated interfaces,
however simple operations should have simple interface.
Compare Gmail and Microsoft Word interfaces for typing.
Hide not essential functions.

13. 3. Enough Information
Neither lack no overload. User should receive enough information about system
state, tickets availability, goods prices, feature and delivery options, etc.

14. 4. Immediate Responce
Highlighted Links Progress bars Immediate search results

15. 5. Forming Habits, Well-Known Hotkeys
All professional software forms habits. Adobe Photoshop is a good example.
Google Calendar provides Alt/Opt+S for Save an event (instead of prevalent
Ctrl/Cmd+S). This is a bad example.

16. 6. Remember Your Preferences
Yes – Chrome shows most visited (ie preferrable)
pages

17. 7. Easy to undo
Humanes can make mistake. If you cannot undo it is awful.

18. Summary
1. Simple Mental Model
2. Easy to Reach Essencial Functions
3. Enough Information
4. Immediate response
5. Forming Habits
6. Remember Your Preferences
7. Easy to Undo

19. UI centric solution implementation steps

20. Projects

21. Navigation Tree

22. OPF Configurator

23. Mobile Client for BlackBerry (prototype)

24. Optimistic Lock (bunch of functions)

25. Reference Selector & Fast search

26. Search

27. Search Profiles

28. Connectivity Wizard

29. Order Entry Module

30. Portals

33. Tips and Recommendations

34. What to improve you interface?
Some tips
1. What is the main function in the screen?
2. Is this function available?
3. Can it be better? Sure it can. How?
4. Look at good principles list and check.
5. Make it visually cleaner.

35. Check if your interface forms habits
• Same elements behaior should be consistent in diffenent
modules
• look&feel
• Colors palette, Icons,
Consistency

36. Forms
Luc Wroblewski wrote the best book about forms

37. Make Primary Buttons Prominent
Gfoogle wants to get your mobile phone number.
Who can find the button to skip this step?

38. To read
Edward Tufte
The Visual display of
Quantitive Information
Jef Raskin
The Humane
Interface
Alan Cooper
About Face