portfolio nick healeynickhealey.com/slash/portfolio nick healey.pdf · 2014. 6. 5. · cv & ux...
TRANSCRIPT
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
CV & UX Design Portfolio - Nick Healey p2
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.)
CV & UX Design Portfolio - Nick Healey p3
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.)
CV & UX Design Portfolio - Nick Healey p4
"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.
CV & UX Design Portfolio - Nick Healey p5
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>
CV & UX Design Portfolio - Nick Healey p6
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
CV & UX Design Portfolio - Nick Healey p7
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
CV & UX Design Portfolio - Nick Healey p8
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
CV & UX Design Portfolio - Nick Healey p9
(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
...
...
...
...
...
...
...
...
...
...
...
CV & UX Design Portfolio - Nick Healey p10
(...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
CV & UX Design Portfolio - Nick Healey p11
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.
CV & UX Design Portfolio - Nick Healey p12
"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...
CV & UX Design Portfolio - Nick Healey p13
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
CV & UX Design Portfolio - Nick Healey p14
(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.”
CV & UX Design Portfolio - Nick Healey p15
"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
CV & UX Design Portfolio - Nick Healey p16
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
CV & UX Design Portfolio - Nick Healey p17
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
CV & UX Design Portfolio - Nick Healey p18
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
CV & UX Design Portfolio - Nick Healey p19
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.
CV & UX Design Portfolio - Nick Healey p20
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.
CV & UX Design Portfolio - Nick Healey p21
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.
CV & UX Design Portfolio - Nick Healey p22
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.
CV & UX Design Portfolio - Nick Healey p23
"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.