desain grafis 4 - ui/ux

28
UI/UX

Upload: nur-fadli-utomo

Post on 22-Jan-2018

60 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Desain Grafis 4 - UI/UX

UI/UX

Page 2: Desain Grafis 4 - UI/UX

User Experience Design

User Interface Design

Visual Design

Page 3: Desain Grafis 4 - UI/UX

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.

Page 4: Desain Grafis 4 - UI/UX

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

Page 5: Desain Grafis 4 - UI/UX
Page 6: Desain Grafis 4 - UI/UX

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.

Page 7: Desain Grafis 4 - UI/UX

impatientdesigner.com

Page 8: Desain Grafis 4 - UI/UX

• Competitor Analysis

• Customer Analysis

• Product Structure/Strategy

• Content Development

Page 9: Desain Grafis 4 - UI/UX

• Wireframing

• Prototyping

• Testing/Iteration

• Development Planning

Page 10: Desain Grafis 4 - UI/UX

• Coordination with UI Designer(s)

• Coordination with Developer(s)

• Tracking Goals and Integration

• Analysis and Iteration

Page 11: Desain Grafis 4 - UI/UX

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.”

Page 12: Desain Grafis 4 - UI/UX
Page 13: Desain Grafis 4 - UI/UX

“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

Page 14: Desain Grafis 4 - UI/UX

• 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.

Page 15: Desain Grafis 4 - UI/UX

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.

Page 16: Desain Grafis 4 - UI/UX

THE USER AND A COMPUTER SYSTEM INTERACT, IN PARTICULAR THE USE OF INPUT DEVICES AND SOFTWARE

Page 17: Desain Grafis 4 - UI/UX

• Customer Analysis

• Design Research

• Branding and Graphic Development

• User Guides/Storyline

Page 18: Desain Grafis 4 - UI/UX

• UI Prototyping

• Interactivity and Animation

• Adaptation to All Device Screen Sizes

• Implementation with Developer

Page 19: Desain Grafis 4 - UI/UX

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.

Page 20: Desain Grafis 4 - UI/UX

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

Page 21: Desain Grafis 4 - UI/UX
Page 22: Desain Grafis 4 - UI/UX
Page 23: Desain Grafis 4 - UI/UX
Page 24: Desain Grafis 4 - UI/UX

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

Page 25: Desain Grafis 4 - UI/UX

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

Page 26: Desain Grafis 4 - UI/UX
Page 27: Desain Grafis 4 - UI/UX

“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

Page 28: Desain Grafis 4 - UI/UX

• careerfoundry.com

• behance.net

• tubikstudio.com

• fastcodesign.com

• dribble.com

• onextrapixel.com

• uxplanet.org