Twitter Facebook Dribbble

Post 6: UI Development

CD_5

With consumer tech products, actually all tech products, I think it’s important that the customer (user) can look at something and have an idea of how to use it or how it should work. App’s like Clear have certainly done it differently (and it’s worked well for them).

Today I’ve been developing some screens of a basic profile, trying to get it to a point where the customer would understand that:

  1. They are looking at a Profile Card
  2. They can swipe left or right to find a new Profile Card
  3. Their are 13 more cards ‘under’ this Profile Card that can be revelled

CD_5.2

CD_5.1

You can see here how I developed this UI in a couple of hours. The objective is still just to make something that can be shown to potential customers to see how they feel about the mock-ups. Is it confusing or making some kind of sense?

awesome_longshadow

 

It was this UI from Clique (by Focus Lab, NYC), that Marc shared with me on Twitter, that I used inspiration for the UI direction (thanks Marc).

That’s all for now 🙂 Feel free to leave comments & feedback below or hit my up on Twitter or email.

UPDATE: There was some feedback on Twitter that it wasn’t obvious that you could swipe the cards left and right. I’ve just reduced the size of the main card and added a small preview of the edge of the next cards to make that a bit more obvious.

CD_Version3

(This is the 6th post in a series as I explore some digital product ideas for 30 days. All my work is being published here on my blog. Click here to read the other posts, scroll down.)

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *