Jenny Whitney (@jennwhitn) - Deepstash

Jenny Whitney

@jennwhitn

Engineer

21 Followers

114 Following

🥉 3 in

+3 more

88 STASHED IDEAS

recently stashed about

88 PUBLISHED IDEAS

stashed 675 times

there are two main types of dropdowns: those used for navigation and those used in forms. We look at the Form variant:

  • Dropdown types and variations
  • Dropdown styles
  • Dropdown states
  • What the placeholder should say
  • When not to use a dropdown (and when to)
  • Native dropdowns
  • Accessibility checklist

STASHED IN:

2

We take a look at selectors and how they differ from each other, focussing on two components (radio buttons and checkboxes) side by side for easier comparison — while also comparing them to a few others.

This includes:

  • What selectors are
  • What is the difference between radio buttons and checkboxes
  • Common styles of selectors
  • States
  • Rules for label text
  • When you should use them
  • Accessibility checklist

STASHED IN:

2

When designing search results and interest sites, you have to keep in mind what ‘mode’ your user is in. Are they in ‘searching mode’ or ‘browsing mode’? This will help you determine how to design your platform to best support your user’s journey.

We take a look at:

  1. The differences between searching and browsing mode
  2. Browsing mode
  3. Searching mode
  4. How does each mode affect your UI?
  5. How browsing and searching modes work together.

STASHED IN:

2

One view to rule them all

A dashboard is an at-glance preview of the most crucial information for the user at the moment he is looking at it, and an easy way to navigate directly to various areas of the application that require the user's attention.

The term “dashboard” is a metaphor for a car dashboard, sometimes also called the cockpit area, usually near the front of an aircraft or spacecraft, from which a pilot controls the aircraft.

STASHED IN:

2

1. Nonreciprocal media

  1. Readings
  2. Videos
  3. Podcast tracks
  4. Infographics (static)

2. Experiential

  1. Image juxtaposition
  2. Scrollies
  3. Timelines
  4. Infographics (interactive)
  5. Simulations
  6. 360 videos

3. Anatomical

  1. Image with hotspots
  2. 3D Models with hotspots
  3. Virtual tours

4. Assessment media

  1. Single questions
  2. Collections of questions
  3. Post-course surveys

STASHED IN:

2