portfolio nick healeynickhealey.com/slash/portfolio nick healey.pdf · 2014. 6. 5. · cv & ux...

CV & UX Design Portfolio - Nick Healey p1

UX Design Portfolio - Nick Healey

"EPOC" / "Symbian OS", UX Design

Sole UX Designer (working with 30 developers), on software for PDAs (as pictured) and Smartphones

Make the UI simple and obvious:

- Hide the "memory/disk" issue - but support eg "Save" for

those who know it

- Hide drive letters: Use the word "Internal", not a drive letter,

for the Internal disk (the only "disk" most users see)

- Hide memory usage: close and re-open files and apps as

required

- Simple menus only: hide more complex commands on 'More'

- Simple dialogs only: hide more complex issues on 'tabs'

- Use simple, unambiguous English - e.g. Contacts has entries

(not records), with lines (not fields)

- Allow all-touchscreen use, or all-keyboard use - even dialogs

are navigable by Up/Down keys

- No need to know double-clicks: a second tap opens an item


Speed up the entering of things, and getting around:

- Default alarm type is "Next 24 hours"; no need to set "date"

- No "New alarm" option needed - just type the time or text

- Menu key brings up Menus set to the last-chosen command

- In Agenda (Calendar) Esc key toggles view; Spacebar toggles

to (and from) today

- Always ask "What might they try here?" Tapping the clock

starts a new alarm. Tapping "Next alarm" lists alarms. Tapping

"Home city" lets you set your Home city.

- "Infoprints" (top right) give clear unintrusive feedback, need

no "OK". (Gmail uses them now.)

- Agenda's "Day view" squashes empty slots to avoid needing

scrollbars

- Simple, reliable operation: to find a Contact, press the

Contact button, below the screen, and type the name to find. It

always works. (Turns machine on, if required; opens 'Contacts'

if required; starts a 'Find' if required.)


Do it their way:

- Different ToDo items can appear around the Day view - so you

see your whole day in one go, and if you don't get things done

today they reappear tomorrow.

- Anything the user tries is by definition OK - so, the word "error"

was barred. No beeps either.

- Don't annoy others - alarms ring progressively louder, and pause

before restarting.

- Don't enforce "out of bounds" rules - just notify/warn of issues.

Eg "Alarm is in the past": perhaps they are about to cut&paste? Or

the System time is wrong? Or... who knows?

- Enchant them - let them record their own alarm sounds.

- Protect them - eg from forgetting to turn Sounds/Alarms back on

(allow them to just turn sound off for a meeting duration, say)

Repeated entries have a "Show next only?" setting - so eg "Fave

TV show" is shown for this Friday, but not shown for every future

Friday.

(Shown left: the software running in a Psion Series5. Future

versions of the software shipped in over 300 million smartphones,

from Nokia, SonyEricsson, Motorola and many others.)


"LapMouse", a replacement for the touchpad in laptops

Designed and patented by Slash Design in the UK & US. Sold to an IP company

This design relies on the fact that fingertips can push sideways even

with only a very tiny height to push against - or even with no height

at all, when just resting on a surface.

It sits exactly where the touchpad sits on a laptop.

- One version of the invention is like a very shallow mouse, fixed in

a shallow well (but rotatable for a comfortable hand position)

- Another version has just a flat disc, again with mouse buttons,

again rotatable to a comfortable angle.


NewSMS

Messages

Newemail

Keijo Virtanen Kalle tld me abt the prty I wll b thr 13/2Mika Salo Re: Party invite 13/2

Robert Rupert Plans for Sat 13/2

+44 030 0330 Hi Mate, care to check my latest d… 13/2

Alice Evans Party boys 13/2travelworld@br.. Re: Ibiza chalets 13/2

[email protected]: Ibiza chalets 13/2

+358 30 033 7... My software has crashed agAIN 12/2

[email protected] Re[2]: meeting madness 12/2 DeleteEdit 1 Sent 33 Hildon 43In 1 Out 0

HH

��

Reply

Messages

Forward

From: Keijo Virtanen (012345 67890)

Kalle tld me abt the prty I wll b thr at 8 c u

CloseEdit 1 Sent 33 Hildon 43In 2 Out 0

HH

��

11

Smartphone UI

Lead Functionality/UX Designer. For three devices from two manufacturers

Support finger (and fingernail) use plus side-of-screen

thumb use

Limited the system's object-embedding to be only where

supported by SyncML (for data transfer/integration)

Offer options when a new memory card is detected (eg to

transfer and/or keep your messages / other data on there):

why should you have to go find them yourself?

HotList provides universal two-tap access to major

functionality - including Global Find and a "Recent..."

function (recently-accessed items of all types)

HotList Chr+H

Today Chr+T

Find Chr+F

Recent Chr+R

Create new Message Chr+M

Create new Note Chr+N

Special offers

<edit HotList>


PDA/smartphone platform

Sole Functionality/UX Designer. For a startup

"Recent text" - Paste/use any item you recently looked at, from a

list, without having to do anything at the time - no forethought, no

"Copy!"

"Discovery" - introducing nice new things over time, things you

don't seem to have noticed (i.e. personalised to you), via an

occasional "By The Way" message, relevant to your current

activity

"Keep" the messages you want on your (memory-limited)

device... over time the others will vanish

Mon, 3rd Feb 2003 (today)

>Susie Walker Re: Nothing, like something, hap.

? Ed McBain That whitsun, I was late getting.

Joe Monsanto They mess you up, your mum a. Susie Walker Nothing, like something, happens.

� Zacharia McFlah… A cast of crooks and tarts

Sat, 1st Feb 2003

Susie Walker Why, Coventry, I exclaimed, I w.

Andi Holmes When I see Literature

Ed McBain Boys dream of native girls who b.

etc...

New Delete Keep All Kept

Msg

Cntct

Web

Diary

Todo

Cmra

More

14:25

Mon, 3rd Feb 2003 (today)

� Zacharia McFlah… A cast of crooks and tarts

New Delete Un-keep All Kept

Msg

Cntct

Web

Diary

Todo

Cmra

More

14:25


Linux Netbook platform

Sole Functionality/UX Designer. For a computer manufacturer

User research: no-one used "windows", so One app, full-screen.

"Infoprints" for non-intrusive feedback.

People are scared of 'Settings' - hence the 'Really useful settings'

desktop icon - ten big, safe things, eg, "what to show at turn-on",

"which apps on the Taskbar", "password?"

Major apps have fixed positions on TaskBar. (Want something:

click here. Always.)

Removed the 4-way Linux-Desktop-switcher. (To those not in the

know, clicking it seems to delete your apps.)

Hide Linux usernames and passwords, unless requested.

Research showed user confusion over styles: designed new menu

commands (with submenus) to fix this: "This paragraph" and "All

'Heading1' Paragraphs" (ie introduces users to style names).

Research showed hotkeys are mostly unused; even then, it's

overwhelmingly just Ctrl+XCVBF. So, most hotkeys removed

from menus, listed only in Help (for power users).

Result: simpler-looking interface.

X Copied

Really

Useful

Settings


Website for chat / meeting people (location-based)

Sole UX Designer. For same startup as above

'Navbar' options grouped to improve

understanding/operation.

Greatly extended potential usage by

making the site list people who like

places you like at any time, not just

when you're there.

People:

reedy@v&a -- I am Jane Reed, and I am one of a

family of thirteen troublemakers, known to police

forces throughout the country. It is a rare day that

one of us is not in trouble with the police. ...

crinkles@v&a -- I am into old-fashioned Gaelic

folk music, and I like going to the cinema, and to art

galleries. In fact I like nothing more than to drag my

guy around art galleries, even though I know he

bopper@london -- My real name is a secret, even

to my friends. I am the Bopper, and I live in Brixton

in South London. I like going out to eat nice meals,

going to the cinema at least once a week, and

◄ Page 1 2 3 4 ►

Click on a picture to open their full description, and/or to chat

?

alisonj@newyork -- Hi, my name is Alison and I

live in New York with my four-year-old labrador

Ollie. I like nothing more than hopping on a plane

and heading off somewhere...

Sort by:

cinema | ▼ Search for:

→→→→

Find people, based on My Places, to chat to

↑↑↑↑ female, by location ◄ ►

Search! Clear

Click on a place you're interested in, to list people who are at that place, followed by people who

share that place with you. (The '@' after their username tells you where they are.)

My places:

Tantra

V&A Museum

London Dungeon ▲

▼

My Chat Profile

Choose Places

& Locations

My Buddies

My Places

Where I am

Find people:

Help / About

PhoneIM


(First, here's the "My Phone" tab, showing only what's on your phone...)

PC-phone integration, "My PhoneWorld"

Sole Functionality/UX Designer. For a network operator

(Project: to replace simplistic Phone-

to-PC software.)

I designed a way to integrate your

phone use into your PC.

Across the top of the screen are two

tabs. This first picture shows the "My

Phone" tab selected, which just

provides a PC-scale interface to your

phone's data and communications...

Photos

Call home Call mobile Text reply ▼

Everyone By person

Anna K

Cat (Joe's mate)

Becky Jones

Chris

DEF

GHI

JKL

MNO

PQRS

TUV

WXYZ

Dan McGuigan

Thu 16 March (today) ←←←← đ 1:58p (1:05) →→→→ đ 1:57p <missed> ←←←← T 11:50a call me later about movies because i think

i would like to see something

Ed Sedderer

▲ ABC

Contacts Messages and Calls

Abigail B

Adi

My PhoneWorld My Phone (07775 762998)

Delete from mobile only

Delete

My PhoneWorld

is provided by ClientName

� Cut

� Copy

Paste �

Chat �� Blog Music

...

...

...

...

...

...

...

...

...

...

...


(...and here's the "My PhoneWorld" tab, showing ALL your communications.) This second picture, however

shows the "My PhoneWorld" tab

selected instead: you can now

interact with your phone Contacts

in more ways, but your phone

interactions are included.

(The wireframe layout of this

screen shows "My Phone" as

being a part, a subset, of "My

Phone World".)

The intention was that you'd start

to use this, not email or other PC

things, for interacting with

anyone who has a mobile, so that

all interactions are visible

together.

Messages and Calls Chat �� Music

Send now �� ▼

Anna K

Cat (Joe's mate)

Becky Jones

Chris

DEF

GHI

JKL

MNO

PQRS

TUV

WXYZ

Dan McGuigan

Ed Sedderer

My Phone (07775 762998)

▲ ABC

Contacts Photos

Abigail B

Adi

My PhoneWorld in

Delete from mobile only

Delete

Blog

��

My PhoneWorld

is provided by ClientName

� Cut

� Copy

Paste �

From all Contacts My Photos

From Contact

2/5/06, 4:12pm: Mrs Brady on the sofa already sent to: Chris, Pete, Rosa

��

��

��

��

Linked


On-table Restaurant UI

Initial UX design. For Inamo restaurant in Soho, London

(Touchpad-operated. UI is projected "on-table" from above.)

Must work for anyone who walks in off the street - so:

- Designed interface around visual real-world representations,

not just separate icons

- Main menu has the left-to-right order we want diners to use

the options - drinks, then food... and "service" as a last resort

- No computing terminology or UI - no Back, Undo,

scrollbars, tickboxes, Web Browser controls, "OK",

"Cancel"...

- Nothing must contradict a pleasurable, high-class dining

experience - so I kept out lots of options - "Calories", "Pub

Quiz" etc

Inamo was voted by Time Out readers as 'Best

Restaurant' in the Best of London 2010 awards.


"I Will If You Will" activism website

Site UX design. For a Californian entrepreneur

How to make the world

greener? Research showed

that non-greens generally

won't listen, so I designed

this instead to show would-

be greens they can achieve

way more:

- lists "typical" green

actions as "least effective"

- puts numbers on "relative

effect" - a "number of lives

you can save"

Click any topic to see the

argument/explanation, plus

options to let you say "I

Will If You Will" - and

when your chosen number

of other people have also

said "I Will If You Will",

you're all "signed up"

together

Easy things we can do - the LEAST EFFECTIVE

Avoid some "bad companies" Our experts' list ten of the most planet-unfriendly firms. Pick a few, avoid their products. Done.

Eat less red meat It takes 5-10x more resources to "grow" animals than the equivalent in grains and vegetables.

Don't replace things till they break Replace cars, fridges, TVs etc only when they break - cuts energy and CO2 emission hugely.

Don't go shopping "for leisure" Buying ever more stuff you don't need? A moment of pleasure, at the cost of enormous waste.

Vote green sometimes Get greener laws enacted by sometimes voting green - in mid-terms, europeans, locals maybe.

Or do even more, by multiplying your effect... ��

Invite friends to consider these Multiply your effect. Here's a suitably apologetic email you might use to invite people.

Ask your company/organisation These "best practice" guides let your company save money and resources - if you ask them to.

��

Easy things we can do - the MOST EFFECTIVE

"Relative effect" is actually a real number - the

approximate number of lives saved, per decade, for each 1000 of us who do it.

Click "More" to see the numbers in each calculation.

Compost your kitchen waste Slightly reduce landfill and, perhaps, grow bigger plants.

Turn TV etc off "Standby" at night Ten years of this might save the energy that goes into making, say, a disposable camera.

Reuse/refill your plastic bottles Take them to that weird shop on the corner.

Take your own shopping bag Avoid those plastic shopping bags.

Reduce your shower time / power It's a saving, but a small one.

2

2

5

10

10

Relative effect

��

Relative effect

��

500

1,000

2,000

2,500

10- 10,000

200- 10,000

1,000- 50,000

More...


Linux "mini-laptop" / PDA

Sole Functionality/UX Designer. For a computer manufacturer

Research showed that by combining Text-Zoom and

Screen-Zoom we could make websites "full-width

readable" on a landscape PDA-screen:

- out of the box all common sites would work (Gmail

shown here)

- in Browser, the two 'Zoom' buttons become Text-

Zoom and Screen-Zoom, for your users to see each site

as they wish

- we'd collect info on best Zoom states for any site


(Reverse of card has Map, Comments, Info.)

"Flook" iPhone app

Design consultant to Ambient Industries.

'Flook' is a "location browser" - shows interesting

things, where you are. (My marketing tagline for

Flook: "Bored? There's an app for that.")

Key design decisions:

- landscape only, drop Portrait (best content, least UI)

- dropping UI-laden features (eg "Trail")

- demoting categories/choices (the goal being "Zero

UI" / "serendipitous discovery") - fun, playful,

untaxing, human

- if user later corrects a card's GPS location (due to

inaccuracy at the time) we indicate this to the user, so

that we always show whether or not we can guarantee a

photo's location

- requiring "opt in" to see users' "scores" (scores are

common in other apps, but I feel they may put off

many normal users)

'Flook' won 'Best User Experience' at the

Mobile Premier Awards, Barcelona, Feb 2010.

Judges said it showed “clever interaction flow,

interesting visual metaphors, customer involvement

and attention to detail.”


"Favorites" Android Widgets

Sole Functionality/UX Designer. For a network operator

Three variants, for Favorite People / Content / Apps

"People" had to fit in one line of Android screen:

- I broke the Android "standard" by using five items not four

(there's no iron rule, it transpires, despite Home screens)

- You tap a person you want:

- and see icons for ways to communicate with them

You may not read every text you get. So, I designed an

indicator for eg "new text message" - here shown as the green

circles - that does not persist forever. It appears atop the icon

to indicate "new unread text" but vanishes if you contact

them - and even if you don't, the indicator slides down the

icon (as shown here) and vanishes over 48 hours.

It thus provides the indication a user actually wants: "There's

a message arrived that you might actually want to read"

Name1 Name2 Name3

<<

T

1 Name1

P @ T

Name2 Name3 <<

TName1


Existing Web-UI:

My iPhone UI design:

"Power Usage" iPhone App

Lead Functionality/UX Designer, & Project Manager. For a Power company

Lets users see various energy usage

graphs

(I also made it into a standalone

marketing thing, by adding "demo

data".)

Had to reflect an existing Web UI,

but use iPhone-interaction.

Solution: replace notion of eg fixed

"Year" view by a

"Months" view (initially showing

12 months)

So, can now use iOS UI standards

PinchZoom, PerpetualScroll etc


Restaurant UI, tablet

UX Design Troubleshooter. For a restaurant hardware firm

Called in after user tests showed

users failed to "Send" their orders

from the "Order" page.

Solution - combine the

order page (now the rightmost two-

thirds of this picture) into the

top-level menu page (now just down

the left of the screen)

drinks

starters

mains

desserts

already ordered --

1 Beef Tenderloin Steak fr/ms

1 Leffe beer

send order when ready send order

1 Pizza ham/msh 8.65

+ -

19.40 bill please


Zeebox - iPad app

UX Design Consultant to Zeebox

Performed user survey - some

features were dropped, some

accelerated

Redesigned -

from their prototype (one

screen, everything on it at

once, all areas too small)

to clear screens for each

main use case

At launch Apple made it the

"iPad App of the Week"

on the AppStore


1 2

3

"Virtuous Circles" add-in to Google+

Designer, concept & UX. For an entrepreneur to pitch to Google as an add-in to Google+.

Google+ has "circles" (of

friends, workmates etc) - this

adds "virtuous circles", of

people doing good things.

1 You say what you can do,

and your connections; 2 it

suggests projects that need

you. And 3 it awards you

"karma" for what you do,

based on hours, money,

and/or publicity.

So, Google+ would become

the world's dispenser of

"karma". And "karma posts"

appear in your Google+

stream, and also in Facebook,

of course, introducing ever

more people to the idea.


Each "ribbon" has sections; the first, "Main", has the most used functions. Eg, "Docs" ribbon:

But at the top right, "Main Toolbar" repeats all the "Main" sections from all the other ribbons -

ie it's like a Toolbar, it has all the most commonly used functions in the app:

- If you're a Toolbar person, click 'Main Toolbar' and leave it displayed. Then, to use other less

common functions, click Docs / Insert / Format / Tools, to display that ribbon here, and select

the function you want - after which, the 'Main Toolbar' would then be redisplayed.

- If you're a Ribbon person, click 'Docs' (say) and just carry on editing. Now, if you use it, it

stays displayed - or, click 'Insert' (say) to make that the current ribbon. So now it's a ribbon UI.

More details at nickhealey.com, including an interactive prototype.

Toolbar/Ribbon design, Office Suite

UX Design to LibreOffice

Brief: LibreOffice had menu &

toolbar "like Office 97", and wanted

to update the UI, but not just "do a

ribbon". ("Ribbon vs Toolbar"

polarises users like no other issue.)

My solution: a way Microsoft could

have implemented a Ribbon that

would not have alienated Toolbar

users in the first place - because it's

a Ribbon that can be used as a

Toolbar too.


iPhone UI: web-app UI for other phones:

full-screen web UI:

"Joy of Plants" plant finder website and app

UX Design Consultant to Joy of Plants

(The UK's leading online plant info/

plant finder.)

Designed a UI to work in familiar

fashion across websites and kiosks,

iPad, iPhone, and a web app for

other phones.

iPhone/iPad UI had to respect

Apple's rules, and so this formed the

basis of the other UIs.

But the other UIs have their own

inventions - eg the web UI features

throughout a "breadcrumbs" trail,

rather than a "Back" button, but

with each (clickable) part of it

drawn as a left-pointing "Back"

button, for familiarity with the other

UIs.


1 2

"Upsell" design for On-table restaurant UI

UX Designer. For Inamo, as mentioned above

Inamo wanted ideas for improving

per-customer spend.

Solution: 1 a new button, a small

thought-bubble marked "goes with",

which appears by your order when

you first choose a main dish. Select

it and 2 a larger area guides you to

choices that the head chef would

recommend with your main dish.

Adds upsell but only by assisting

diners with their choices, making for

happier diners.

Leaves the existing UI entirely

unaltered.


"Lost Songs" website

UX Designer. For a music entrepreneur

The NavBar down the left is also a

flowchart of how the whole thing

works.

The screen that each NavBar button

displays is a visual description of

that part of the process.

I invented the TV-based final

section, for pitching to TV

companies - the original idea was

web-only.

portfolio nick healeynickhealey.com/slash/portfolio nick healey.pdf · 2014. 6. 5. · cv & ux...

Documents