Skip to main content
Open

Wireframes: editable states for elements

Mauro Lupi
Robert Johnson
+98
  • Mauro Lupi
    Mauro Lupi
  • Robert Johnson
    Robert Johnson
  • MichelleF
  • Adolfo Avella
  • Jesse Cruce
  • Kevin Kinisky
    Kevin Kinisky
  • Peter van den Heuvel
  • IvanBelis
  • Yanick Drouin
  • Tammy Cooksey
  • Peggy Gartner
  • Sarah Sheldon
  • clapter
  • ddessler
  • Davide Lora
  • Anna-Lena Müller
  • raulcruzv
  • Viorel_N
  • Mandy O'Toole
  • Mia Arh
  • Nick Callaghan
  • RasmusPedersen
  • Erica Lawrence
  • HansMiro
  • Michelle Stirling
  • Samira R
  • YY.
  • Jess Tovara
  • Michael Swindells
  • Balcon
  • maples_ae
  • Gabriella Farquhar
  • Barry Finder
  • Ryan Abbott
  • Daniel Hawkins
  • Suhash Raja
  • Larkin Young
  • Aleksandar Fridman
  • Andrew Vasey
  • Magnus Havenro
  • amann
  • Mark McDonald
  • Sasha Verhage
  • Oliver Baird
  • Simon Fletcher
  • Jolanda Kreijveld
  • Nigel Verlé
  • Celeste Bernués
  • Nijat Behbudov
  • Joanne Garner
  • Linas Sidlauskas
  • Payment Evolution
  • Hugues Drolet
  • cs10
  • Stephanie Boron
  • David Crook
  • Wolfgang Schmid
  • FlaviaFG
  • Lukas Pavlacka
  • elmonds
  • Pascal-April10.be
  • Dominic S
  • Niamh
  • Antonio Cannistrà
  • Piotr Nowak
  • Kai Bachmann
  • Sunniva Nerbøvik Løkhaug
  • Heike Andersen
  • bens
  • Peter Moser
  • Kyle Shannon
  • Meryem Baig
  • Rayan Castro
  • Tobias Severin
  • Andrea Pastor
  • Rick Adams
  • Jim Stoltzfus
    Jim Stoltzfus
  • Melissa Fuller
  • beznosenko
  • Ivo Stakenborg
  • Helene Lund Engebø
  • Catherine Sugden
  • Michele Cerullo
  • msnare
  • Teppo Kurki
  • Shama
  • Nils Matthiesen
  • Neha Gautam
  • JPS
  • Nicole Tarquinio
  • Bart Schouwaerts
  • xander.vant.hof
  • fserra
  • Andrew O'Shea
  • anevagale
  • Amy white
  • Mellyana Frederika
  • Kristen Hundley
  • Lewis Hughes
  • Joa123456
  • jlamm
  • Standardss
  • Sisse Hagensby

Wireframe elements like select menus, buttons, switches, and checkboxes should have editable states. 

For example:

  • Select Menu: click “open” and enter values to be shown as if it were dropped down, or “close” to show it in in its normal closed state, or “inactive” to show it in inactive (greyed out) state.
  • Checkboxes and Radio Buttons: should have “selected”, “unselected” and “inactive” state.
  • Buttons could have “active” and “inactive” states as well that changes the color.
  • Switches: could have “on” and “off” and “inactive” states.
  • Input fields could have “inactive” states.

This would save so much time!

The menu element works in this way somewhat.

Was it helpful?

3 replies

Interactive elements would be great. A checkbox or any of the other elements that you could actually use would be a big help. The added feature of the checked boxes or toggled switches being made able to be exported or have the action reflected somehow would be even better...


  • New Here
  • 1 reply
  • October 29, 2020

I recommend extending the Buttons state to n-number of colors.  E.g., use a ‘status’ button to show a red/yellow/green state.  Further, allow icons embedded in buttons to denote status, e.g., phases of the moon icons.

 


All of that still would be great, I was looking to change the opacity of shapes, so that a square could block a view of a sophisticated scheme, and in case it is needed - it would be enough to hover a mouse cursor over it to reveal the contents, otherwise it would just let the audience not see the extra things they don’t need