GUEST LECTURE - NUMIKO

DESIGN FOR SCREEN

Digital agency.

Focus on Public & Entertainment.

Don’t do things to sell.

Common perceptions of digital design:

-       Many limitations.

-       Have to be able to code.

-       Gets boring.

-       Don’t understand graphic design.

-       Have to be in London.

No more limitations:

-       Typography.

-       Responsive grids.

-       Scaling vector graphics (SVG).

-       HTML5, Canvas & Open GL.

-       Fast connection speeds.

Coding:

-       Don’t have to be able to code.

-       Have specific coders.

-       Can learn.

Not boring:

-       Constantly evolving.

-       Always new challenges.

Maturing Industry:

-       Require formal design training.

Travel:

-       Just a train ride away.

CASE STUDIES

Nesta:

-       Make Things Do Stuff.

-       Playful.

-       Entire visual language.

-       Font.

-       Illustration.

-       Site.

-       Mobile.

Wateraid:

-       Redefine brand.

-       Illustration.

-       Visual language.

Lewis Hamilton:

-       Design closer to that expected for print.

-       Wanted the best website possible.

-       Timeline of life.

-       Iconography.

The National Lottery:

-       Custom type.

-       Visual language.

-       Iconography.

Office for National Statistics:

-       Animated vectors.

Channel 4:

-       Full screen.

-       Creative concepts and layouts.

IPTV:

-       Designed for TV instead of screen.

BBC – Primary Art/Geography:

-       Illustration.

-       Working to a framework.

DESIGN COUNCIL: Wanted Social Network

Process:

-       Discover.

-       Define.

-       Design.

-       Develop.

-       Deploy.

Understand the Audience:

-       Who they are.

-       What do they need.

-       Understand their digital lives.

-       Your commercial business needs.

-       Answer the right question.

49 audience types.

8 groups.

Developed personas for each group.

-       Short statements from each one.

-       180 user stories.

User test designs.

Create creative brief:

-       Clear.

-       Flexible.

-       Simple.

-       Creative.

Design direction:

-       User-centred.

-       Mobile first.

-       Device agnostic.

Guiding principles:

-       Focus on content.

-       Makes it simple.

-       Embrace less is more.

-       Be consistent.

-       Consider context.

-       Be bold and confident.

-       Iterate based on feedback.

Wireframes.

-       Collaborative process.

Remove/reduce furniture.

Flexible grid systems.

Basically create 3 sites.

-       IPhone.

-       iPad.

-       IMac.

Information Architecture is the same.

Menu works the same way on all screen sizes.

Design patterns.

New iconography.

-       2 colours.

-       Simple shapes.

Guidelines for online use.

To be launched in January.