Build It! - Product Tile Designs

Share your thoughts on some early prototypes for our personalized accessory store, including which types of information you would like to see before tapping or clicking on a product for more details.

Release: Periwinkle (Alpha)

Feature: Personalized Accessory Store

Here are two variations of the Product Tile element.

This is how a product will be shown when you are browsing the store. The tile is supposed to help you decide if you want to see more details and maybe purchase it. We need your help to decide which of the two options is most helpful (and why), or if there is something else that we could do to make your shopping experience better. 

Imagine: you are browsing for a new phone case.

Consider: what is most important to know before you look at the product in more detail.

Comment: which of the two variations you prefer, why, and what we can do to improve the experience.


Notes

  • The Personalized Accessory Store will automatically filter out any products that are not compatible with your phone.
  • Variations like colour, size, or cord length will be treated like clothing sizes - there will be one listing on the store and you choose your options before you add to cart.
  • All text is placeholder only! It's silly. Yes, we know there are typos. :)
  • Any product images and brand names are for illustrative purposes only.

Comments
ANONYMOUS MEMBER
11:43 09/12

More color to make it easier to see

ANONYMOUS MEMBER
16:14 09/06

Option A is more informative (brand, type, colors, price). If you want more details (such as reviews) you can click on the image.

ANONYMOUS MEMBER
15:13 09/03

A

SARAH
00:00 08/23

Option B is preferable. Not only does it stand out more, I like that the customer reviews are right there. That is usually a huge deciding factor for me. What other people think of the product matters.

ERIC CROMWELL
05:40 08/17

A

JOHN JONES
05:23 08/11

Both are visually acceptable. However functionally is far better a choice.

ALEX BAUMAN
14:27 08/22

Sorry, it's not clear which one is a better choice?

ANONYMOUS MEMBER
22:09 08/06

How about we combine both designs? Get rid of the more colors badge and move the color options to the right of the price.

ANONYMOUS MEMBER
10:25 08/05

Option A is cleaner but a simple product rating is also nice.

J SARJA
08:37 08/05

A describes more details ex. soft grip. I would like to know as much details as possible. It has color and brand name as well.

FIROZ HABIB
10:43 07/30

I would choose B as it shows the product rating and clearly shows there are more options available as well.

ANONYMOUS MEMBER
15:47 07/28

Both look great,If I had to pick one, I would pick 'B'. I like being able to see the star ratings, and black is good at my age and doesn't show the dirt.

EMERSON HARKIN
00:34 07/27

Both look great, very clean and simple. I like B better because I immediately know other people have bought the product and liked it. That said, the stars are taking a lot of useful space. I mainly use stars as a red flag if the rating is below 4.

My two cents is to go with option B, keep the popular tag, add the color options onto the card, and lose or abbreviate the star rating (maybe have an icon for items rated 4+). Looks great!

JEFF TWEED
11:55 07/15

I'm 57yrs old. Popular means nothing. The only color I ever choose is black. Aspects of Function are more critical. Show me an easy way to discover the functional attributes quickly. Neither A nor Be.

ANONYMOUS MEMBER
16:40 07/11

Option A; less subjective and can vote based on what you think, not on what is 'popular' or has a lot of ratings which can easily sway people.

ANONYMOUS MEMBER
10:30 07/06

I like Option B because of the star ratings, button for more colours(which I assume could be customized for many options) and the three dots which would presumably give you more sub-menus

JOSH WARREN
20:36 07/01

Option b because more couleurs makes people want to click to see what couler options there are. Also people tend to like reviews myself included

ANONYMOUS MEMBER
16:15 06/24

Prefer Option B; Suggest multiple (say 3) star ratings be provided for three specific criteria to make it more valuable.... sort of what Chelsea noted.

CHELSEA CARRASCO
10:14 06/24

Star ratings are overrated and uninformative most of the time, especially when there's 5 or fewer ratings. I like the tagging functionality on B ("popular") - would it expand to include other characteristics? "heavy duty" vs "light weight", "bestseller", etc?

ALEX BAUMAN
13:47 06/24

Tagged characteristics could be useful for both browsing and filtering - ie. heavy duty vs lightweight. Popularity has less value when the selection is curated/limited.

If reviews were guaranteed to always be from members who purchased the product, how many would you need to see the value in them?

If star ratings were eliminated, what other information would you want to know from previous purchasers, if anything?

CHELSEA C
15:13 06/24
If reviews were guaranteed from members who purchased the product, I'd be happy to see 3 or more

) :| :( might be enough for me?

might be enough

ANONYMOUS MEMBER
04:38 06/24

As others have said, option B, while showing the colour dots. If I am looking for a particular colour, I will click through to that colour right away. But I don't want to have to click to see if the colour I am after is available, especially if there are multiple items I am searching for. Option B with colour dots will show me at a glance if I can match multiple items in the same colour.

MARK V
11:25 06/22

Option B, with the color option visible when viewing the webpage for the item.

SAMUEL GABBAY
22:45 06/21

I find B is better. I prefer reviews over the other info

BENJAMIN BECKFORD
21:51 06/21

I'd prefer option B, as all the information is right there so it's easy to skim through and find what you're looking for.

ANONYMOUS MEMBER
21:28 06/21

I prefer A, if I want more info, I’d click thru to reviews and such. Option to sort by rating, and maybe adding a smaller rating

ANONYMOUS MEMBER
19:58 06/21

If I had to pick one, I would pick 'B'. I like being able to see the star ratings, however I think it's very important to show the "color dots" from option A. It's too easy to think that the pictured color is the only option, even though the large text clearly indicates otherwise. The dots stand out and make the color choices obvious.

ALEX BAUMAN
10:05 06/24

Would tags like "Popular" or "New" be helpful? We could replace that with the colour dots.

CAMERON MCARTHUR
19:40 06/21

I Like how A shows the colours compared to B. But B is better overall due to the star ratings and identifying that it's a popular product

ANONYMOUS MEMBER
18:31 06/21

Not to be "that guy," but will you have more options?

ALEX BAUMAN
09:59 06/24

These are the first two options based on the initial design requirements.

What would you like to see differently?

ANONYMOUS MEMBER
17:09 06/21

A has a polished look but, B should be easier to maintain for a small team.

ANONYMOUS MEMBER
16:41 06/21

B colour/ texture in background to give perspective of product. Also like star rating. How will this be generated/ verified?

ALEX BAUMAN
10:00 06/24

Good question! The intent is to only allow users who have purchased the product through the app to post a review. This will maintain integrity, at the expense of quantity.

We are still working on what leaving a review will look like - stay tuned!

ANONYMOUS MEMBER
16:04 06/21

B because it shows how many star ratings on the product to let you know if it is a good product or not.

Recent Discussions:
We're working on a few things to give you the recognition you deserve for your early support.
Share your thoughts on some early prototypes for our personalized accessory store, including which types of information you would like to see before tapping or clicking on a product for more details.
Were you affected by the wireless problems during the Raptor's victory parade? Even if you weren't able to be there (like me), there's a good chance you've encountered the same problem: lots of bars of signal on your phone but nothing works. How can we improve this experience?