Numiko talk

Numiko.

Designing for screen.

By Matthew Tweddle & David Eccles.

What they do: 

Make digital things

Don’t do: 

Make things that go to landfills.

Clients:

Disney, BBC, Channel 4. Non-profit type companies.

Why they’re here: 

Introduction to Numiko

Dismissing myths

Explain why studios need designers like us.

Common perceptions of dd.

Too many limitations

Designers need to be able to code

Designing websites website all the time must get boring

Web designers lack an understanding of design principles

You need to move to London to work on high profile projects. 

Limitations are disappearing:

Typography

responsive Grids

Scaling vector graphics (SVG) Vectors for retina.

HTML5, Canvas and Open GL

Connection speeds.

Designers don’t have to be able to code!

With Numiko only one came from a programming background.

Not Boring

Constantly evolving technologies

Host of new exciting challenges that comes with them. Mostly all the new different devices that everything has to work for. 

Maturing industry, take design seriously.

Leeds, Leeds, Leeds…

Mostly all the clients are based in London. Leeds is 2 hours from London by train.

Cheaper rent, better people.

Nesta:

Charity company. 

Campaign, getting kids into making digital things. 

Make things do stuff. 

Typefaces created around touch.

A lot of this was done using SVGS.

WaterAid:

Approached to create a gifting platform, fundraise, etc.

Gift a digital story?

Supplied logo was a big mess, didn’t work well on screen.

Looked like Yahoo.

Lewis Hamilton:

Wanted the best website on the internet basically.

Big timeline of his lift. 

Has a F1 pass. 

Iconography is something that’s a huge part of web design. As well as that typography.

National Lottery:

Lots of custom type design. 

Office of National statistics:

For students, about the complications of money. All vector. Looks sick.

Channel 4:

The Spirit of Now

IPTV:

BBC, Primary Art:

A lot of illustration work. A lot.

—

Projects are normally 3 weeks in design. A lot of the pitched stuff is very compressed. 2-3 Days. 

As a junior design theres a lot of room to breatdfd. 

PLACEMENTS:

2 weeks, all had opportunities to do live projects. 

Design Council:

Discover, Define, Design Develop, Deploy.

1: Find out what they want, what they want to make, the audience. etc. etc.

Audience:

Who they are

What they need (wants to give, and recieve)

To understand digital lives (no point making an xbox app for a 80 year old woman)

To understand Your organisational needs from a digital platform

To ensure we’re answering the right questions throughout the project

Ensuring we’re answering the right questions throughout the project.

A) What it is

B) What it looks like

“There’s nothing more dangerous than the right answer to the wrong question.”

Peter Drucker

To get all these questions:

Key stakeholders workshop

Interviews

Surveys

Interviews (More)

49 audience types

8 groups

Created personas for each group of people.

A persona made up.

Blend aesthetics with physiology.

Short statements that you can integrate a design with. 

for example:

“ I need facts, figures and in-depth insights at a UK and global level”

He has minutes to find what he wants, conduit to highly influential ministers. Make it count.

Resulted in 180 user stories.

The Creative brief:

At the end of that process, a creative brief is then created. It’s succinct, distilled all of the previous research.

Clear, Flexible, Simple, Creative.

User-centred

Mobile first

Device agnostic

Optimised for any screen

Guiding principles

Focus on content

Make it simple

Embrace less is more

Be consistent

Consider context

Be bold & confident

Iterate based on feedback

Everything is user tested. super important.

Wire frames.

Whats important, what needs to be on the page. It’s not design to blog down a designer. it’s to help refine the 

The grid system needs to be hidden so it’s not too easy to notice. 

Imac - Ipad - Iphone.

Designing for 3 different sizes.

Why they want graphic designers:

Typography is King online, Just as it is offline

A knowledge and understanding of Brand design

Unique layouts and concepts

Iconography

Illustration

Infographics & Visualisations

———

matthew@numiko.com

@numiko

numiko.com

Interns are paid.