girl geeks toronto "designers do more than just make things pretty"

21
Hello, my name is Linda Nakanishi. @lnakanishi

Post on 21-Oct-2014

430 views

Category:

Design


0 download

DESCRIPTION

A presentation I did on designing for digital for http://girlgeekstoronto.com on November 19th, 2013.

TRANSCRIPT

Page 1: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Hello, my name is Linda Nakanishi.

@lnakanishi

Page 2: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Designers do more thanjust make things pretty.

Page 3: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

So what is design?

Page 4: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

The simplest definition. Design is so many things, executed in many different ways, but the function is always the same. Whether it’s blueprints, a clever UI, a brochure, or a chair – design can help solve a visual or physical problem.

- A Type Primer (pp. vii) : John Kane

Design is a method of problem solving

Page 5: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

What’s in a name?

Page 6: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Designer titles

Brand designer

Interactive designer

Independent designer

Graphic designer

Multimedia specialist

New media designer

UI designer

UX designer

Usability designer

Production artist

Product designer

Print designer

Web designer

Page 7: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

The slashie titles

Print/Web Designer

UI/UX Designer

Web Designer/Web Developer

The ridiculous titles

Rock Star Designer

Web Design Guru

Pixel pusher

Visionary

Page 8: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Graphic Designers

Graphic designers work with graphical images, whether they be illustrations, typography, or images, and on a variety of media including print and web. Graphic design is typically rendered in 2D – printed on a physical surface or displayed on a screen.

- Wells Riley’s “Startups, this is how design works.”- Alfred Hitchcock’s Vertigo, designed by Saul Bass

Page 9: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Industrial Designers

Industrial designers create physical products designated for mass-consumption

The objective is to study both function and form, and the connection between product, the user, and the environment.

- Wells Riley’s “Startups, this is how design works.”- Wikipedia- KitchenAid® Artisan Stand Mixer

Page 10: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Interaction Designers

Interaction designers, on the other hand, focus on digital products and interactive software design. While graphic design is meant to be observed, interaction design helps humans experience or manipulate software or interface with screen-based hardware in order to achieve specific goals.

- Wells Riley’s “Startups, this is how design works.”- Path app www.path.com

Page 11: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

User Interface Designers

User Interface (UI) designers design software or websites with the focus on the user's experience and interaction. The goal of the user interface designer is to make the user's interaction as simple and efficient as possible.

- Wells Riley’s “Startups, this is how design works.”

Page 12: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

User Experience Designers

User Experience (UX) designers "incorporates aspects of psychology, anthropology, sociology, computer science, graphic design, industrial design and cognitive science. Depending on the purpose of the product, UX may also involve content design disciplines such as communication design, instructional design, or game design."

- Wells Riley’s “Startups, this is how design works.”- Wikipedia

Page 13: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

From an article by Kevin Liew

Page 14: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

From an article by Kevin Liew

Page 15: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Four tips for UI Designers

Page 16: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

1. K.I.S.S.

2. Learn to code

3. Stay current

Responsive design (http://mediaqueri.es)

Page 17: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"
Page 18: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

1. K.I.S.S.

2. Learn to code

3. Stay current

Responsive design (http://mediaqueri.es)

4. Inclusive design

Page 19: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Inclusive design needs to consider

VisionBlind, low vision, age related vision loss, colour blindness

HearingDeaf, deafened, hard of hearing

MobilityRestrictions to mouse or keyboard, fatigue

CognitiveMemory, problem-solving, concentration, reading, linguistic, and verbal comprehension

By: Monica Ackermann

Page 20: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Things to improve accessibility

Keyboard accessible

Increase clickable areas

Provide visible focus

Use san serif fonts

Avoid moving text and images

Colour contrast checking

By: Monica Ackermann

(http://snook.ca/technical/colour_contrast/colour.html)

Page 21: Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"

Thank [email protected]

@lnakanishi