UserInterfaceDesign
Lectures           What is it all about?           Most important for user           Principles of good interface         ...
The Interface is theway you accomplishtasks with a product;what you do andhow it responds.               Jef Raskin, “Inte...
Everything         we interact with  has an interface
Computerinterfaces
Tip:Pirates ofSilicon Valley
Touchdevices
Problems
Programmers 2 Programmers
Marketing
Mostimportantfor user
Safety of user and his money
Safety of user’s data (his work)                         Autosave                         Unlimited Undo                  ...
Save user’s time                   Previews                   Reopen last                   session                   Shor...
Principlesof goodinterface
Simplicity of interaction model
scrollbar
Simplicity of basic functions
Speed
Feedback
Modeless and predictability             Caps Lock             Num Lock             Insert button             Language swit...
User fails proof    — everybody make mistakes                                   lazy programmers                          ...
Simplicity of interaction modelSimplicity of basic functionsSpeedFeedbackModeless and predictabilityUser fails proof
Bonus :)
Microsoft BobBob received the 7th place in PC World magazines list of the 25 worst techproducts of all time, a spot in Tim...
UI designprocess
AnalyzeConceptPrototypeDetailed DesignProduct
AnalyzeTalk and understand taskPersonasScenarios and features
Alan Cooper, “The Inmates Are Running the Asylum”
Молод, студент или уже закончил. Основное место работыне связано с финансами. Пассивно ищет куда можнонадежно и прибыльно ...
Concept  Idea of user interface
Prototype
Detailed design
Product
CheatsandHints
Grids
HOME                                       ARTICLES              BROWSE                 ABOUT              SEARCH         ...
http://960.gs
Instruments forprototyping
http://balsamiq.com
One more thing
— users don’t care about code
— interface is evil
Books
Fin
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
User interface Design
Upcoming SlideShare
Loading in...5
×

User interface Design

351

Published on

AACIMP-2011 Summer School. Computer Science Stream. Lecture by Aleksej Leonov.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Transcript of "User interface Design"

  1. 1. UserInterfaceDesign
  2. 2. Lectures What is it all about? Most important for user Principles of good interface Interface design process Cheats and hintsPractice Create UI design prototype
  3. 3. The Interface is theway you accomplishtasks with a product;what you do andhow it responds. Jef Raskin, “Interface”
  4. 4. Everything we interact with has an interface
  5. 5. Computerinterfaces
  6. 6. Tip:Pirates ofSilicon Valley
  7. 7. Touchdevices
  8. 8. Problems
  9. 9. Programmers 2 Programmers
  10. 10. Marketing
  11. 11. Mostimportantfor user
  12. 12. Safety of user and his money
  13. 13. Safety of user’s data (his work) Autosave Unlimited Undo Remember input data
  14. 14. Save user’s time Previews Reopen last session Shortcuts Default settings
  15. 15. Principlesof goodinterface
  16. 16. Simplicity of interaction model
  17. 17. scrollbar
  18. 18. Simplicity of basic functions
  19. 19. Speed
  20. 20. Feedback
  21. 21. Modeless and predictability Caps Lock Num Lock Insert button Language switching
  22. 22. User fails proof — everybody make mistakes lazy programmers cool
  23. 23. Simplicity of interaction modelSimplicity of basic functionsSpeedFeedbackModeless and predictabilityUser fails proof
  24. 24. Bonus :)
  25. 25. Microsoft BobBob received the 7th place in PC World magazines list of the 25 worst techproducts of all time, a spot in Time magazines list of the 50 Worst Inventionsand number one worst product of the decade by CNET.com.
  26. 26. UI designprocess
  27. 27. AnalyzeConceptPrototypeDetailed DesignProduct
  28. 28. AnalyzeTalk and understand taskPersonasScenarios and features
  29. 29. Alan Cooper, “The Inmates Are Running the Asylum”
  30. 30. Молод, студент или уже закончил. Основное место работыне связано с финансами. Пассивно ищет куда можнонадежно и прибыльно вложить деньги. Имеет немногоакций у брокера, никаких активных действий не ведет.Интересовался и пробовал свои силы на форексе.Ему нужен сервис, где он мог бы полностью делегироватьуправление своими акциями профессионалам, и толькопериодически заходить на сайт, проверять сколькозаработал.Тарас Колесник НТУУ "КПИ" 09Пол: мужскойСемейное положение: женатДень рождения: 17 февраля 1987 г.Родной город: КиевПолит. взгляды: консервативныеРелиг. взгляды: православныйИнформацияКонтактная информацияГород: КиевМоб. телефон: Sonny EricssonДом. телефон: PanasonicICQ: 425-020-668Веб-сайт: http://topmebel.com.uaЛичная информацияДеятельность: КупецИнтересы: футбольчик, мебель, зарабатывать деньги, читать перед сном Фихтенгольца, говорить по офисному телефону, спать, принимать ванную, ........и т.дЛюбимая музыка: minimal, disco-80Любимые фильмы: .Любимые телешоу: не смотрю твЛюбимые книги: Умберто Эко, Чехов, Макиавелли.Любимые игры: FIFA98, FIFA99, FIFA2000, FIFA2001, FIFA2002, FIFA2003, FIFA2004, FIFA2005, FIFA2006, FIFA2007, FIFA2008Любимые цитаты: "май мужність користуватися власним розумом" "NO money........NO honey" "нет человека, нет проблемы" "Мир ловил меня, но не поймал" "Да, мы заблуждались! Но делали это искренне" Мужской половой орган — одна из самых легких вещей на свете: ее можно поднять одной мыслью...О себе: ...ОбразованиеВысшее образованиеВуз: НТУУ "КПИ" 09Факультет: Институт прикладного системного анализаКафедра: Математических методов системного анализаФорма обучения: Дневное отделениеСреднее образованиеЛицей: № 241 04 Киев, 2002-2004 (б)Школа: № 171 Киев, 1994-2002 физико-математический лицей
  31. 31. Concept Idea of user interface
  32. 32. Prototype
  33. 33. Detailed design
  34. 34. Product
  35. 35. CheatsandHints
  36. 36. Grids
  37. 37. HOME ARTICLES BROWSE ABOUT SEARCH GO TheHOMEnal home fi ARTICLES BROWSE ABOUT SEARCH GO A page design. thWELCOME TO WELCOME TO Designery is a public square for design practitioners, Designery is a public square for design practitioners, students and fans. LEARN MORE students and fans. LEARN MORE Signed in as You have 7 new messages Signed in as You have 7 new messagesWednesday, December 22, 2010 Wednesday, December 22, 2010 Khoi Vinh Log Out Khoi Vinh Log OutTypography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Tatum,Weekend Lorem ipsum dol Weekend Lorem ipsum dolBy Sheba Shayne By Sheba Shayne or sit amet, or sit amet, consectetur consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad 12 Comments 12 Comments The Bigger They Are… The Bigger They Are… By Mary Bristol, Editor By Mary Bristol, Editor Bristol, Lorem ipsum dol Lorem ipsum dol or sit amet, or sit amet, consectetur EXPLORE PROJECTS ON DESIGNERY consectetur EXPLORE PROJECTS ON DESIGNERYLorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing elit. • Most Popular • Most Blogged adipiscing elit. • Most Popular • Most BloggedNam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio • Most Recently Updated • Most Commented Nam tristique, odio • Most Recently Updated • Most Commented17 Comments 17 Comments vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting imperdiet orci, in mol. imperdiet orci, in mol.Will They Pay for It? 12 Comments Will They Pay for It? 12 CommentsPublishers Make a Last Publishers Make a LastStand StandBy Nick Garcos GET UPDATES VIA EMAIL By Nick Garcos GET UPDATES VIA EMAILLorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Youremail@addressNam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun SUBSCRIBE SUBSCRIBEimperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 Last Updated Dec 18, 2010 Last Updated Nov 8, 201022 Comments 22 Comments TOP PEOPLE ON DESIGNERY TOP PEOPLE ON DESIGNERYWeb Design Techniques of Web Design Techniques ofthe DamnedBy Mike Figlia Jerry Warriner the Damned By Mike Figlia Jerry Warriner ptg Last Updated Last Updated December 22, 2010 December 22, 2010Lorem ipsum dolor sit amet, consec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel. Ut nibh tetur adipiscing elit. Nam tristique, odio vel. Ut nibhturpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated Last Updated Gus Snider Accidentalism Last Updated Gus Snider Accidentalismfaucibus congue pretium. In mollis dolor eu December 22, 2010 faucibus congue pretium. In mollis dolor eu December 22, 2010 Last Updated Dec 18, 2010 Daniel O’Keefe Last Updated Dec 18, 2010 Daniel O’Keefe54 Comments 54 Comments Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 Francis Dollarhyde Francis Dollarhyde Last Updated Last Updated December 21, 2010 December 21, 2010 Hildy Johnson Hildy Johnson Last Updated Last Updated December 21, 2010 December 21, 2010Holding on to CSS and the Listening to Holding on to CSS and the Listening toOffset Printing Man on the Your Mom Big West BBQ Hurtling Towards Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Street Dix Handley Phyllis Dietrichson Hipsterism Street Dix Handley Phyllis Dietrichson Hipsterism Last Updated Last Updated Dec 18, 2010 Walter Neff Last Updated Last Updated Dec 18, 2010 Walter Neff December 21, 2010 December 21, 2010 Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 More Articles… More People… More Projects… More Articles… More People… More Projects… © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile User agreement and privacy policyv User agreement and privacy policyv Khoi Vinh. “Ordering Disorder. Grid Principles for Web Design”
  38. 38. http://960.gs
  39. 39. Instruments forprototyping
  40. 40. http://balsamiq.com
  41. 41. One more thing
  42. 42. — users don’t care about code
  43. 43. — interface is evil
  44. 44. Books
  45. 45. Fin
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×