Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

How UI Framework improves design process - 2015 (Dribbble meetup)

14.256 Aufrufe

Veröffentlicht am

Learn how UI Framework improves design process and why it is helpful for building web software

Veröffentlicht in: Design
  • I was always one of those students who were top of the class for maths during my KS3 years. However, we didn't have maths lessons for around 6 months in year 10, so I fell behind rapidly, and I was getting below average for my GCSE mocks. This package has really boosted my knowledge in a matter of only two weeks! I am vastly improving in maths and I am confident, given that I follow Jeevan's principles, I will achieve an A* in GCSE maths... In the end I achieved an 'A' grade in GCSE maths (summer 2014). I was a little disappointed in myself. However, considering the circumstances, I think I did pretty well. I am now taking A-Level maths at a grammar school and wanted to thank you for helping me along the way. You have inspired me to do well in this subject and I'm sure my 'A' grade will definitely help me to study Veterinary Medicine at a top University. Once again, thank you so much! ★★★ http://t.cn/AirraVnG
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Ex-Student reveals the number one secret to scoring an A* in GCSE/IGCSE Maths, click here to find out more ♥♥♥ http://ishbv.com/jeevan91/pdf
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • I've found your course really helpful and it's saved a lot of time so I can focus on my other subjects too such as English and Science. Your course has taught me a number of techniques to solve questions quicker. For instance, how to quickly turn recurring decimals into fractions. This has saved a lot of time when completing my mock exams. Thanks Jeevan. Your course is great! ▲▲▲ http://t.cn/AirraVnG
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Although I'm a KS3 student, I decided to give Jeevan's guide a try because I know GCSE and KS3 are fairly similar. Looking back now, it was one of the best decisions I made. The guide has helped me jump from a level 6A to a level 8C in maths, and I'm only in year 8! Achieving a level 8 in maths is regarded as a gifted individual. Thank you for this terrific guide and I will recommend it to anyone taking a maths exam! ♣♣♣ http://t.cn/AirraVnG
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • I seemed to underperform in my mock exams - achieving D's/E's but after following your strategy and advice, I achieved a 'B' grade in my final GCSE maths exam. I was chuffed because this result enabled me to study A-Level Chemistry. I've used your revision principles again and this has helped me immensely in this subject. Thank you so much Jeevan.. my 'B' grade will definitely help me in applying for a Pharmacy' course at University...♥♥♥ https://bit.ly/33W8jmf
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

How UI Framework improves design process - 2015 (Dribbble meetup)

  1. HOW UI FRAMEWORK IMPROVES DESIGN PROCESS MARIAN MOTA
  2. Designer at SoftServe MARIAN MOTA ua.linkedin.com/in/marianmota dribbble.com/marrimo slideshare.net/motamarian behance.net/Marrimo twitter.com/marrimo ua.linkedin.com/in/marianmota
  3. STORY
  4. DIFFERENT LOCATIONS Miscommunication, frustration, and blame between developers and designers STORY
  5. INCONSISTENT DESIGN Button Button Button Button STORY
  6. DEADLINE STORY
  7. BIG APPLICATION STORY
  8. SOLUTION
  9. SOLUTION I AM UI FRAMEWORK
  10. UI FRAMEWORK IS LIVING LIBRARY OF THE PATTERNS, VISUAL STANDARDS, AND INTERACTION BEHAVIORS
  11. BENEFITS
  12. ALLOWS RE-USE OF ASSETS IN THE APPLICATION BENEFITS
  13. BENEFITS RAPID PROTOTYPING
  14. Visual designer, interaction designer, Front-end dev, QA, Product owner, marketing, Tech support BENEFITS PATTERN LIBRARIES FOR EVERYONE
  15. BENEFITS SUPPORTS THE GROWTH OF THE PRODUCT OVER TIME
  16. BENEFITS ALLOWS YOU TO MOVE AWAY FROM REPETITIVE SPECIFICATION DOCUMENTATION BY JUST REFERENCING YOUR PATTERNS
  17. BENEFITS NEW EMPLOYEE ORIENTATION
  18. BENEFITS CHEAPER DEVELOPMENT
  19. BENEFITS ALLOWS THE DESIGNERS AND DEVELOPERS TO STANDARDIZE A CONSISTENT SET OF ELEMENTS AND PATTERNS THROUGHOUT THE APPLICATION
  20. UI FRAMEWORK ≠ UI KIT
  21. UI KITS FROM DRIBBBLE
  22. UI FRAMEWORK ABOUT USERS, GOALS, TASKS, BRAND
  23. UI FRAMEWORK PATTERNS COMPONENTS FOUNDATION
  24. Overview Grid Colors Typography Layout Animation Icons FOUNDATION
  25. FOUNDATION - OVERVIEW
  26. FOUNDATION - COLORS
  27. FOUNDATION - GRID
  28. FOUNDATION - TYPOGRAPHY
  29. Avatars Badges Buttons Forms Labels Lozenges Messages Modal dialog Navigation Progress indicators Tables Tabs COMPONENTS Hero Banner Preloader Page Title Pagination Picture Price Label Slider Social Buttons Tiles Tooltips Tags Unsocial Buttons
  30. COMPONENTS
  31. COMPONENTS
  32. COMPONENTS
  33. COMPONENTS
  34. PATTERNS How to arrange your components on the screen What problem does this pattern address? When should this pattern be used? Why should this pattern be used? Search Log in Comments Inline Validation Wizards / Stepped Forms Keyboard Shortcuts Default Values & Autocomplete
  35. PATTERNS
  36. PATTERNS
  37. PATTERNS
  38. UI FRAMEWORK + DESIGN PRINCIPLES GUIDELINES WRITING STYLE RESOURCES CODE SNIPPETS BRAND ASSETS
  39. MORE - DESIGN PRINCIPLES
  40. MORE - DESIGN PRINCIPLES
  41. MORE - DESIGN PRINCIPLES
  42. MORE - CODE SNIPPETS
  43. MORE - CODE SNIPPETS
  44. MORE - CODE SNIPPETS
  45. MORE - RESOURCES
  46. MORE - RESOURCES
  47. MORE - RESOURCES
  48. MORE - RESOURCES
  49. MORE - RESOURCES (
  50. MORE - WRITING STYLE
  51. MORE - WRITING STYLE
  52. MORE - WRITING STYLE
  53. MORE - GUIDELINES
  54. MORE - GUIDELINES
  55. MORE - BRAND
  56. FEW MORE THINGS 1.Add the option to link related patterns 2.If you have more than 20 patterns, make sure they are searchable. 3.Add the ability to show dates of recent updates, recent changes, or archived patterns that have been replaced with new ones. 4.Style the UI toolkit the same way that you would style the real application
  57. MORE - SEARCH
  58. MORE - RELATED
  59. MORE - WHATS NEW
  60. RESOURCES INSTRUMENTS BOOKS SITES
  61. RESOURCES - HTTP://STYLEGUIDES.IO
  62. RESOURCES - INSTRUMENTS
  63. Modular Web Design: Creating Reusable Components for User Experience Design and Documentation Nathan Curtis Designing Interfaces Jenifer Tidwell Designing Web Interfaces: Principles and Patterns for Rich Interactions Bill Scott, Theresa Neil Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience Christian Crumlish, Erin Malone RESOURCES - BOOKS Atomic Design Brad Frost The critical components of web ui style guides UX Pin
  64. HTTPS://GOO.GL/2X9TLU
  65. THAT’S ALL FOLKS

×