designing for physical versus digital products

54
Designing for physical versus digital products Chui Chui Tan @ChuiSquared http://www.flickr.com/photos/dorena-wm/4486051522/

Upload: cxpartners

Post on 27-Jan-2015

104 views

Category:

Design


0 download

DESCRIPTION

My slides from Interaction 12 in Dublin, Ireland. User experience is important but it's not everything: Designing for physical versus digital products.

TRANSCRIPT

Page 1: Designing for physical versus digital products

Designing forphysical versus digital productsChui Chui Tan

@ChuiSquared

http://www.flickr.com/photos/dorena-wm/4486051522/

Page 2: Designing for physical versus digital products

Physical products❤

Designers

Digital products❤

For now, we can broadly group designers into physical and digital designers.

Page 3: Designing for physical versus digital products

Physical product designer Digital product designer

I was a physical product designers when I worked with Panasonic designing the physical part of their stereo sets. Now, I’m a digital designer because most of my work is digital based.However, such clear categorisation is no longer valid.

Page 4: Designing for physical versus digital products

4

This is what physical product designers used to design - focused on product’s form, shape, material, how parts attach together.

Page 5: Designing for physical versus digital products

5

This is what physical designers have been designing in recent years - physical products now have to incorporate with digital interface or with software.

Page 6: Designing for physical versus digital products

Years ago, digital designers used to design only for desktop - focused only on the website, the IA (information architecture), the images, the copy and content.

Page 7: Designing for physical versus digital products

Now, we are designing more and more for mobile....

Page 8: Designing for physical versus digital products

... and for tablets.Hence, we’ve to consider devices’ sizes, resolution, the interaction these devices support, the context of use of these devices - a lot about the physical devices.

Page 9: Designing for physical versus digital products

http://www.flickr.com/photos/wecand/4109772863/

The trend: both digital and physical are combining and interlinking. No more cutting lines between the two.

Page 10: Designing for physical versus digital products

Network

Connectivity

Context-awareness

Data

Sensors

Multipurpose

UpdatabilityDan SafferAuthor of ‘Designing Devices’

Dan Saffer listed the characteristics which differentiate the devices of today from previous eras.

Page 11: Designing for physical versus digital products

“The number of things connected to the Internet has already exceeded the number of people on earth.”

Cisco

Devices now are serving as the Internet’s interface to the physical world.

Page 12: Designing for physical versus digital products

Nabaztag, a Internet-enabled electronic rabbit: connects to the Internet and read out your favourite RSS feeds, tell you the weather forecasts.

Page 13: Designing for physical versus digital products

13

Nest learning thermostat: learns the temperature you like, connect to the Internet to get weather forecast and it can be monitored and adjusted via Internet.

Page 14: Designing for physical versus digital products

14

Not just beautifully designed products that are in the market are Internet connected. Hackers/innovators are also using Arduino to create Internet connected devices.

Page 15: Designing for physical versus digital products

15

An antique clock was transformed to a weather clock. It connects to the Internet, downloads the current weather forecast and displays it on the clock.

Page 16: Designing for physical versus digital products

16

Tweet-a-pot: Coffee machine is connected to Twitter using Arduino. Tweet to turn the machine on.

Page 17: Designing for physical versus digital products

http://tomtaylor.co.uk/projects/microprinter

Microprinter: Connect a second hand printer to the Internet using Arduino - print out daily reminders, notifications and so on.

Page 18: Designing for physical versus digital products

Little Printer by Berg (which you can buy) which does exactly what the Microprinter does. But it’s beautiful.With more and more people building their own prototypes, it changes the way things are being designed.What people hack would be what we buy in the future.

Page 19: Designing for physical versus digital products

Yesterdaywe design for

Todaywe design for

Mobile

Tomorrowwe design for

Physical + Digital

Desktop

Page 20: Designing for physical versus digital products

When physical designers designed a fridge 10 years ago, they focused on the size, the material, the handle and so on. Now, the unique selling point of a fridge is its technology and smartness (e.g. LG smart fridge which was introduced in CES 2012).

Page 21: Designing for physical versus digital products

We’re not just moving from digital to physical. It happens the other way round too.A group of people use 3D printing technology to create a village from the Minecraft online game. They took the virtual world to our physical world.

Page 22: Designing for physical versus digital products

http://www.yaean.com/en/blog/2010/07/28/douglas-coupland-orca-sculpture/

http://ubersuper.com/uploads/yapb_cache/pixelpour23.69sj1a93fuo00gk8o40kw8w0k.jobm8bab0jk0ckw0ogww0488.th.jpeg

http://www.flickr.com/photos/bashford/6208958674/

http://www.flickr.com/photos/stml/6203921904/James Bridle gave a lot of examples where people bring digital concepts into our 3D environment in his talk in Web Directions Sydney 2011.

Page 23: Designing for physical versus digital products

Really Interesting Group created Christmas decorations based on their friends’ social media data (e.g. Flickr, Last.fm, Twitter and Dopplr).Another example of bridging the digital to the physical.

Page 24: Designing for physical versus digital products

=Physical products

Digital products❤

+

Tomorrow’s designers

Hackers, Makers,

Innovators

+

Digital and physical are combining.If you are a digital interaction designer now, in coming years, your client would expect you to also be able to design the physical parts of the product too.

Page 25: Designing for physical versus digital products

25

“You are not changing career,

your career is changing”

You need to start thinking and preparing because it’s not that you’re (or you want) to change your career, your career IS changing!

Page 26: Designing for physical versus digital products

http://www.flickr.com/photos/paolomazzoleni/436307747/

So... How could we prepare for the change?

Page 27: Designing for physical versus digital products

http://www.flickr.com/photos/thenickster/3667839998/

Touch

Pain

Temperature

Kinaesthetic sense

Understand the senses that are being used when users interacting with digital and physical products.Not just sense of sight, hearing or smell, but also sense of touch.

Page 28: Designing for physical versus digital products

Visceral Behavioural Reflective

In his book (Emotional Design), Don Norman described three dimensions which we use to craft our experience with a product:Visceral: about the look/appearanceBehavioural: about its use/practicabilityReflective: about self-image

Page 29: Designing for physical versus digital products

Visceral Behavioural Reflective

Use these dimensions to help you to design products which differentiate your product from your competitors.

Page 30: Designing for physical versus digital products

Skills & knowledge

You might need to have new skills or knowledge. You don’t have to be expert in everything, but it’s important to have a basic level of these knowledge.

Page 31: Designing for physical versus digital products

Fixtures for productionLegislation

CAD drawing

Prototyping skills

Production

Safety/Ergonomics

Materials

Tooling

Shelf life

Life cycle

Sustainability

Durability

Packaging

Page 32: Designing for physical versus digital products

User requirements

Business requirements

Market

Other touchpoints.... You’re already doing these!

Culture & tradition

Profit margin

Out of box experience

Easy to be maintained and serviced

Culture: Think from different angles (e.g. Japanese desire for lightness when it comes to physical product whilst British desire for sold objects. Both are about quality.

Page 33: Designing for physical versus digital products

User requirements

Business requirements

Market

Other touchpoints.... You’re already doing these!

Culture & tradition

Profit margin Cost of physical products: material, production, packaging, transportation and storage cost.These costs apply to each individual product you produce and sell. The impact is much more significant!

Page 34: Designing for physical versus digital products

User requirements

Business requirements

Market

Other touchpoints.... You’re already doing these!

Culture & tradition

Profit margin

Out of box experience

Out of box experience: Not just about the first impression when unpacking and unboxing, but it also includes how easy to set up and to connect.

Page 35: Designing for physical versus digital products

User requirements

Business requirements

Market

Other touchpoints.... You’re already doing these!

Culture & tradition

Profit margin

Out of box experience

Easy to be maintained and serviced

Products should be easy to maintain and servic. You don’t want to have to dismantle the whole product just to change a battery.

Page 36: Designing for physical versus digital products

Working team

You will need to work with people from different areas when designing for a physical and digital product.

Page 37: Designing for physical versus digital products

Managers Engineers

http://www.flickr.com/photos/scottishgovernment/5081613382/

Part suppliers Designers

Users

Page 38: Designing for physical versus digital products

Managers Engineers

http://www.flickr.com/photos/scottishgovernment/5081613382/

Part suppliers Designers

Users

These people have the knowledge. Get them involved as early as possible and constantly communicate with each other throughout the whole design process.

Page 39: Designing for physical versus digital products

Ways of working

The ways of working might be different too. But in some cases, you could still apply the same approach which you used when designing a website or software to physical product design.

Page 40: Designing for physical versus digital products

You can always observe how people improvise in their daily life if you’re looking to design a new product.

Page 41: Designing for physical versus digital products

If you already have a product, you can observe how people use it, spot the problems they have and improve those problems.

Page 42: Designing for physical versus digital products

Bosch did an observation research in India to see how their German designed washing machine fit into their Indian users’ life. They went to their house and observe their daily routine and understand their culture.They found that the washing time needs to be shorter because Indian families have to do their laundry everyday.

Page 43: Designing for physical versus digital products

Donna Rosa handbags: 1000 online survey was carried out with business women around the world before the handbag was designed. The design of this handbag provides exactly what the users need because each single detail is created based on the problems the designer heard in the survey.

Page 44: Designing for physical versus digital products

The way you prototype will be different - wireframes don’t work in physical product design.Omnigraffle team created a iPad prototype using a piece of wood before iPad was out in the market.This is a good example of hardware + software prototyping.

Page 45: Designing for physical versus digital products

Prototyping doesn’t have to expensive/complicated.A Royal College of Art student used blue foam to create different shapes of hairdryer to find the best one for hairdressers.

Page 46: Designing for physical versus digital products

‣ Could it work?

‣ Any problems?

‣ What’s needed?

‣ How much?

‣ How to build it?

Physical products prototyping

Prototyping allows you to investigate if your idea could work, to identify potential problems (e.g. James Dyson created 5127 prototypes).You can also build BOM (Bill of Materials) from your prototype.

Page 47: Designing for physical versus digital products

You can’t use Axure or Clickable Wireframes to present your prototype in physical product design.Storyboard (or sequential arts) is a good way to show the interactions people have with your product.

Page 48: Designing for physical versus digital products

It can be a quick sketch storyboard, in a comic format, photo-based or created from various video clips.

Page 49: Designing for physical versus digital products

Or you can use role playing/improvisation to present your prototype or concept.

Page 50: Designing for physical versus digital products

Some people used videos to mock up and improvise how their product could be used.

Page 51: Designing for physical versus digital products

51

To sum up...

We’ve looked at how physical and digital worlds are combining, and how products are moving just physical or just digital to integrated products.We also looked at the transferable skills and knowledge. There are many overlaps. It’s NOT a complicated transition.

Page 52: Designing for physical versus digital products

OurFuture

http://www.flickr.com/photos/42232541@N04/4267059618/

But the future is not yet defined. The products we design in the future do not necessary have to be all touchscreen based or can only be functioned via Internet connection (e.g. you don’t want your toaster crashes because the Internet connection is too slow or coffee machine doesn’t work because Twitter is down). The world will be unusable in this case.

Page 53: Designing for physical versus digital products

OurFuture

http://www.flickr.com/photos/42232541@N04/4267059618/

We, designers are the people to make sure these situations don’t happen. We can shape how our future world is going to be.So, let’s create products which will work in the way we want them to work for a more usable and delightful world.

Page 54: Designing for physical versus digital products

Thank youChui Chui Tan

@ChuiSquared