2-hour Agile exercise: Language Editor CRUD screen

A time-boxed design challenge

Robert Mion
2 min readOct 13, 2019

The challenge

Create wireframes for each of six user stories related to a single feature.

The user stories

  1. Scenario: Change Language Name
  2. Scenario: Change Language Mapping
  3. Scenario: Add Language
  4. Scenario: Search for a Language
  5. Scenario: Delete Language
  6. Scenario: Sort Phrase Mapping Grid

Background

  • Given a logged-on admin user
  • When I select the Administrator / Languages navigation item
  • Then I see the Language Editor page
  • And the Languages tab selected
  • And the list of language entries
  • And the first language in the list selected
  • And the delete icon displayed
  • And the grid of all Phrase Mappings
  • And the ‘in use’ mappings are checked for the language

Brainstorming

View this wireframe

Scenario 1: Change language name

View this wireframe

Scenario 2: Change language mapping

View this wireframe

Scenario 3: Add language

View this wireframe

Scenario 4: Search for a language

View this wireframe

Scenario 5: Delete language

View this wireframe

Scenario 6: Sort phrase mapping grid

View this wireframe

Bonus: All stories in one

View this wireframe

--

--

Robert Mion
Robert Mion

Written by Robert Mion

Designer, Developer, DataViz, Dad • rmion.com

No responses yet