The Design Challenge

We invite you to take the challenge to become the fourth Product Designer at 10x Genomics.
Unlike other design challenges, this is meant to be fun and completed in around 15 minutes.

We encourage short & concise answers. Hope you have fun with it!

  1. How would you describe the specs for the following element's drop shadow to a developer?

    🧐
    PLEASE DESCRIBE MY DROP SHADOW
  2. Consider these two buttons:

    Button
    A
    Button
    B
  3. Why might you use button A over B?

    Why might you use button B over A?

  4. A popular news website released a redesign with modern visuals, while retaining the same features and functionality. However, upon release, the average number of articles viewed per user decreased. Why might this have happened?

  5. Consider the following interfaces (click to expand):

    Gmail
    Microsoft Outlook
  6. Which design is better? Why?

  7. Write CSS to turn only the green circle into a pink circle:

    HTML for the circles:

    <div class="circle"></div>
    <div id="grass" class="circle"></div>
    <div id="storm" class="circle"></div>