Mockups — validating my app idea

What I learned from my user survey

Mock — yeah — ing — yeah — up — yeah

Lost in translation

Pencil and Paper

Many many mockups

Mockup 1

  • I was able to take advantage of Sketch’s feature that allows you to change the text of a component on an instance by instance basis
  • I could bake in a 16px margin of bottom of components which made alignment much easier
  • Restyling components was as simple as creating a new version and selecting ‘Replace With…’
Mockup 1 on Marvel

Feedback

  • People were not aware of the multiple columns of the job hunting board due to no visual clues
  • People were not aware of how to create a CV due to there being too many levels in the navigation
  • The use of save buttons threw off a lot of people; they felt it was too much effort or they were unsure of if entering data and then going back to the board would save it

Mockup 2

  • I made sure that the job hunting board was a little more compact but you could see additional columns on the left or right sides
  • I moved CVs and Stories into their own sections so it was a little more apparent on how to edit these
  • I changed the way that CVs are created to be more like a kanban board to make the navigation shallower
  • I added a page at the start to help explain the idea a bit better
  • I removed the save buttons from most pages
  • I removed the breadcrumb navigation
Mockup 2 on Marvel

Feedback

Jumping the gun

Next steps

  • The Job Board
  • Story entry
  • CV Creation
  • CV PDF Generation
  • Sign up
  • User Profile

--

--

--

Currently building reciprocal.dev. Interested in building shared understanding, Automated Testing, Dev practises, Metal, Chiptune. All views my own.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Freddy Mamani’s DMT-Esque Architecture

Why aren’t more apps and sites Accessible?

On making your respondents feel good

How Notion successfully achieved profitability and 1 million users with only 18 employees

How Disney conquered the animation industry with these 12 principles

“TeuxDeux: Write about Usability”

Thesis 1: Area of interest

Adding a feature to Procreate — a UX case study

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Colin Wren

Colin Wren

Currently building reciprocal.dev. Interested in building shared understanding, Automated Testing, Dev practises, Metal, Chiptune. All views my own.

More from Medium

How to use System fonts in Figma, Webflow and Code?

Figma to Production-Ready Javascript component with AWS Amplify Studio — Part 1

User Experience Design in the midst, and aftermath of a category 5 typhoon

A picture of a car that is pinned down by a fallen tree

Make Face Generator the Product of the Year