05 UI & UX

Download 05 UI & UX

Post on 10-May-2015

468 views

Category:

Documents

1 download

Embed Size (px)

TRANSCRIPT

<ul><li>1.UI</li></ul> <p>2. Usability 3. Usability 1. . . 2. . 3. , . 4. UI Mookups . : - . - - (Balsamiq Mookups) MsPaint . 5. Text Box TextBox . : - . - . - . - . - readonly. - , Null-text. 6. Text Box examples CorrectIncorrect 7. Button Button . . : - . . - . - . - , . - ( ). - . - ... . - Access key . Access key ( ). - . 8. Button examples CorrectIncorrect 9. Checkbox CheckBox . 3 : , . : - 10 . - ` . - , . - mixed . - . - radiobuttons . - , . (disabled). 10. Checkboxes examples CorrectIncorrect 11. RadioButtons Radiobutton . : - . - , None . - . - . . ( ) - . - . - , . - . 12. RadioButtons examples CorrectIncorrect 13. DropDown DropDown . : - DropDown radiobuttons. - editable drop-down list. - radioButtons . - Dropdown . - . - () . - . ( textBoxes) 14. DropDown examples CorrectIncorrect 15. Slider Slider . : - . ( ). - ( 1 , 1 , 1 ). - . - . - . 16. GroupBox GroupBox . : - . - . - . 17. GroupBox examples CorrectIncorrect 18. Tabs TabControl . : - () , 1 7. - , . - . - . ( ) - . . - . 19. Tabs examples CorrectIncorrect 20. Menus Menu . : - 10. - . - 2 . - . - . - . - . 21. Toolbars Toolbar . : - . - . - . - . 22. Toolbars vs menu bars - .- . , ( ). - . 1 , .- . , , , . 23. Ribbon bar Ribbon bar , . : - . - . , . - 7. 24. Dialog boxes DialogBox . : - . - . - . . - . ( Apply). - . 25. Layout ( ) . 2 : - ( )- ( ) , , . 26. Layout ( ). : 27. Layout ! . 28. Layout UI: - : 1. . 2. 3. .4. . 5. . 6. Warning . 7. .8. . 9. ( ). 29. Layout UI: - UI . - UI . - , .- ( ). - . - , . 30. Layout UI: - . - : , . - bold. - . - . - . 31. Layout UI : - . - . - - . - . ( ) - . - Progressive Disclosure Control 32. UI 1. UI . 2. , . 3. . 4. . 5. , .6. . 33. What to check 1. Window title. 2. Window position.3. Tooltips. 4. Shortcuts. 5. Tab stops. 6. Command buttons access key. 34. Documentations 1. Controls: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511482.aspx 2. Commands: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511499.aspx 3. Windows: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511259.aspx 4. Layout: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511279.aspx 5. Design Principles: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511328.aspx </p>