6 Fun Product Designs for This Week

Terraced Bowls. Who knew soy sauce could be so beautiful.

The PIPO chair. (by Alejandro Estrada) Probably the most elegant chair I’ve ever seen.

This foot hammock.

This honey packaging

Screen Shot 2017-10-10 at 8.56.06 PM.png

This clock, where the frame also moves with the hands

This dynamic piece of furniture

Advertisements

Intentions & Execution of Design

“Look at this website,” my coworker said with his eyes rolled. I swivel my chair and peer at his screen. The website features a multi-colored word art title with a textured background that may have been popular twenty years ago. We both groan at the lack of professionalism the site shows.

We’ve all experienced the frustration of seeing bad design. Our gut reaction as designers is “someone ought to fix it.” Sometimes, we take it upon ourselves to fix it.

Several years ago, I saw a popular website that was promoting goods made in the US. The content was great, the navigation worked, but the styling of the website was appalling. There were boxes upon boxes, unnecessary drop shadows and weird illustrations that didn’t really make sense to me. I decided right there and then that I was going to redesign the site and then send the site owner my work.

I spent a weekend coming up with a new design for the site. “This is so much better,” I thought as I stepped back from it.  I emailed it to the owner, happy with the result.

A few days later, I got an email back. It went something like this: “Your designs are lovely, and I really like the ideas you came up with. But I’m really proud of the little drawings I did for this site, and I want to keep them.” I was exasperated. The drawings on the current site were, in my opinion, terrible.

It was then that I realized something. Even though my execution of the website was more modern and professional, the site owner clearly wanted her personal mark on it. I realized that maybe she wanted the website to be funky and unpolished. I was the arrogant designer, coming in and telling her to change something that she clearly did not want to change.

Jared Spool, keynote speaker at the User Experience Professionals’ Association Conference (held yesterday), spoke about this exact topic. In his presentation, a designer named Tyler Thompson saw the boarding pass for Delta Airlines, which can be difficult to comprehend at first glance, and decided to redesign it so that it could be “better.”

unnamed w

Tyler’s design is beautiful. It uses modern fonts and rich colors. The flight, gate, seat and zone are clear to the customer. But Jared pointed out a few things about this design: the colors bleed out to the edge, it uses white stock, and it uses high-definition fonts that require printing at 300dpi. Delta’s low-resolution, thermal printers can’t do these things.

If Delta were to actually use Tyler’s design, it would have to replace 10,000+ boarding pass printers, change paper size and add cutting for bleeds on top of creating a new supply chain for colored inks.

Which design is better now? It’s easy to create designs without understanding the real constraints, but the best design is the end is one that satisfies real world needs. As Jared said, “to improve design, we must work on both the intention and the skills of rendering.” We can’t only improve the rendering.

Both my own website redesign from years ago and Jared’s talk have taught me that we, designers, need to have a little bit of humility. We can’t just tell someone how to do something “right” if we don’t know the context around which the original design was created. It’s easy to be nit-picky, and there are circumstances where better design is absolutely called for. But it’s time we stop to understand what situation we’re in so that we can do things with the right intention and execution.

6 Things I learned from 3 Talks at UXPA Boston 2014

logo

Things I learned from UXPA – The TL;DA (Too Long; Didn’t Attend) Version

Designing for Large Touch Interfaces

  1. Make sure people know they can touch the screen.
  2. Orientation affects how users perceive the kiosk
  3. Transitions are important as cues when navigating. Use gestures everyone is familiar with.
  4. Designer is also a performer – make them look good
  5. Height is important. Make sure user can reach the cancel button
  6. Adjust the drag and inertia on objects. Don’t make large objects feel “heavy.”

Designing with Real Data

  1. Fake data = fake design = fake feedback = wrong decisions. Real data will enter the equation eventually.
  2. Understand the data
  3. Organize data into information to enable users to gain knowledge
  4. Real data has a min and max, an average and a distribution. Think about this when designing screens with potentially extremely short or long text. Consider the outliers.
  5. You can do a lot with Indesign Datamerge/Kimono/Chartwell fontface/Sublimetext/Screenscraper chrome extension.
  6. Ben Salinas (@bensalinas) from Involution Studios is a REAL unicorn.

Design Psychology

  1. Self-determination theory levels: amotivated/external/introjected/identified/integrated/intrinsic
  2. Motivation is autonomy, competence, relatedness
  3. If you want people to do something, minimize external pressures and maximize internal ones
  4. Establish shared rules of engagement
  5. Convey belongingness
  6. If you use social media – be responsive to your customers.

 

Design Food for This Week

Image

And more at First Things First 2014 Manifesto

“There are pursuits more worthy of our dedication. Our abilities can benefit areas such as education, medicine, privacy and digital security, public awareness and social campaigns, journalism, information design, and humanitarian aid. They can transform our current systems of finance and commerce, and reinforce human rights and civil liberties.”

 

————————————————————————————————————————————-

Image

The Tea Cup SlingsHOT

A *great* idea.

 

————————————————————————————————————————————-

Image

Who Made Your Clothes T-shirt

These shirts are made from certified organic cotton and printed with chemical-free, seaweed-based dyes. They were made at a geothermal, solar-powered factory. You can’t get much greener than that.

 

————————————————————————————————————————————-

Mike Monteiro – How Designers Destroyed the World

Mike calls for designers to be responsible about what we put out into the world. It’s a great talk that’s delivered with a ton of passion. Great to watch if you are in a I-want-to-stand-up-for-my-work mood.

 

Dribbble Designers who like to copy each other

Every since I’ve joined dribbble, I’ve noticed that there are certain styles on the site that have pop up again and again and again. Some are genuinely awesome ideas, others are just passing fads.

The app icon/logo with the slanted shadow

Image

http://dribbble.com/shots/1107326-Everything-is-going-flat

Image

http://dribbble.com/shots/1125931-Swiiish-Icon

Image

http://dribbble.com/shots/1121450-Xclv-Touch-Logo-icon?list=debuts

Image

http://dribbble.com/shots/829485-Moose?list=searches

Image

http://dribbble.com/shots/1116106-Riko-Music-icon?list=debuts

The floating screen(s)

Image

http://dribbble.com/shots/1126297-Fanof-Screen

Image

http://dribbble.com/shots/1126024-Swiiish-Screens

Image

http://dribbble.com/shots/1117873-Locqi?list=debuts

Image

http://dribbble.com/shots/1114948-Lively-iPhone-App?list=debuts

Image

http://dribbble.com/shots/1113097-Shario

The geometric animal illustration

Image

http://dribbble.com/shots/278494-Mystery-Project-11-1

Image

http://dribbble.com/shots/800706-Buck?list=searches

Image

http://dribbble.com/shots/326243-deer-2?list=searches

Image

http://dribbble.com/shots/980782-Geometric-Halftone-Panda?list=searches

Image

http://dribbble.com/shots/829485-Moose?list=searches

After two weeks of insane stress…

Dsc02094

My portfolio website is finally up.

I learned a lot making this website.

  1. Do wireframe the website out in advance.
  2. Graphic design is a lot harder than you think.
  3. Change one element and you’ll want to change the entire website.
  4. If it’s not displaying properly, check for typos in code and don’t panic.
  5. Better to measure and calculate than to eyeball.
  6. Don’t let one project consume your life, make you pause exercise.
  7. Doing a little every day really does make a difference.