Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desain Grafis 4 - UI/UX

315 views

Published on

materi kuliah desain grafis

Published in: Design
  • Be the first to comment

  • Be the first to like this

Desain Grafis 4 - UI/UX

  1. 1. UI/UX
  2. 2. User Experience Design User Interface Design Visual Design
  3. 3. Both elements are crucial to a product and work closely together. But despite their professional relationship, the roles themselves are quite different, referring to very different parts of the process and the design discipline. Where UX Design is a more analytical and technical field, UI Design is closer to what we refer to as graphic design, though the responsibilities are somewhat more complex.
  4. 4. User experience design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product
  5. 5. UX Design encompasses any and all interactions between a potential or active customer and a company. As a scientific process it could be applied to anything, street lamps, cars, Ikea shelving and so on.
  6. 6. impatientdesigner.com
  7. 7. • Competitor Analysis • Customer Analysis • Product Structure/Strategy • Content Development
  8. 8. • Wireframing • Prototyping • Testing/Iteration • Development Planning
  9. 9. • Coordination with UI Designer(s) • Coordination with Developer(s) • Tracking Goals and Integration • Analysis and Iteration
  10. 10. Don Norman, a cognitive scientist and co-founder of the Nielsen Norman Group Design Consultancy, is credited with inventing the term in the late 1990’s declaring that “User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products.”
  11. 11. “The best products do two things well: features and details. Features are what draw people to your product. Details are what keep them there.” - Nick Babich
  12. 12. • User Experience Design is the process of development and improvement of quality interaction between a user and all facets of a company. • User Experience Design is responsible for being hands on with the process of research, testing, development, content, and prototyping to test for quality results. • User Experience Design is in theory a non-digital (cognitive science) practice, but used and defined predominantly by digital industries.
  13. 13. User Interface Design is a multi-faceted and challenging role. It is responsible for the transference of a product’s development, research, content and layout into an attractive, guiding and responsive experience for users.
  14. 14. THE USER AND A COMPUTER SYSTEM INTERACT, IN PARTICULAR THE USE OF INPUT DEVICES AND SOFTWARE
  15. 15. • Customer Analysis • Design Research • Branding and Graphic Development • User Guides/Storyline
  16. 16. • UI Prototyping • Interactivity and Animation • Adaptation to All Device Screen Sizes • Implementation with Developer
  17. 17. AS A VISUAL AND INTERACTIVE DESIGNER, THE UI ROLE IS CRUCIAL TO ANY DIGITAL INTERFACE AND FOR CUSTOMERS A KEY ELEMENT TO TRUSTING A BRAND. WHILE THE BRAND ITSELF IS NEVER SOLELY THE RESPONSIBILITY OF THE UI DESIGNER, ITS TRANSLATION TO THE PRODUCT IS.
  18. 18. You’ll also note the final point which states a responsibility for “implementation” of the design with a developer. While this is generally how UI jobs have worked in the past, you should be aware that the lines are blurring, as the term “Web Designer” (essentially a UI designer who can code) is being replaced by expertise of User Interface Designers. While UX has no need for coding, UI is a role that as time progresses, will rely on it as part of building interactive interfaces
  19. 19. Visual design are not concerned with how screens link to each other, nor how someone interacts with the product. Instead, focus on crafting beautiful icons, controls, and visual elements and making use of suitable typography. Visual designers sweat the small details that others overlook
  20. 20. Produce high-quality visual designs–from concept to execution, including those for desktop, web, and mobile devices at a variety of resolutions (icons, graphics, and marketing materials). Create and iterate on assets that reflect a brand, enforce a language, and inject beauty and life into a product - Google’s Visual Designer is Job Desc
  21. 21. “Something that looks great but is difficult to use is exemplary of great UI and poor UX. While Something very usable that looks terrible is exemplary of great UX and poor UI.” - Helga Moreno Onextrapixel Contributor
  22. 22. • careerfoundry.com • behance.net • tubikstudio.com • fastcodesign.com • dribble.com • onextrapixel.com • uxplanet.org

×