Skip to main content


How?
From development point of view, it seems nothing fancy, while lots of components are present already in the Miro! As I imagine, to develop a prototype feature for Miro you need:

  • a little bit smarter presentation mode 
  • a new kind of frame type (for click zones)
  • a new kind of arrow type (for connections)
  • switching between “design mode” and “flow mode”, to not confuse snapping. 
    (When I design the prototype, I wont snap into any frame that represent a click / touch zone, vice versa)


Why?
I would create clickable wireframe prototypes.
I know. Lots of other tools are in the filed. But Miro is a gateway drug for lots of emerging designer. This could be the next step for people who started to create flowcharts than prototypes here, and wont learn new tools. You wouldn't develop wireframing tools neidher, if you don't expect this, I guess. 

My usecase:
I create almost all illustration with Miro. I even switched from prezi.com and creating presentations with your tool. But when we ideating wireframes for a digital service, clients are overwhelmed after a certain complexity. Developers too.  However, the high fidelity designs arent ready yet. Now I recording hours and hours of videos explaining how these prototypes would work. Im about to learn Figma better, but im affraid Figma will be never an unversal visual tool for me. I need to create clickable protos, because presenting product / service ideas sucking time exponentially from me from the stakeholders, and not effective at all. 

Business case:
Prototyping could supercharge growth, with a good business model:
If I could have a simple prototyping functionality I would be “forced” to invite all stakeholders to Miro. Now im exporting pictures (one by one :rolling_eyes:, simetimes buggy, /not to mention the underscaled .PDFs])  Sending them trough Asana, email ..brrrr.
The less involved stakeholders and clients arent motivated to register into Miro and explore the very basic features. But everybody LOVES prototypes and seeing how their ideas come true, so this could be a motivation factor. 

Whoops… It seems like I invented the wheel again: https://github.com/miroapp/app-examples/tree/master/prototyping


Whoops… It seems like I invented the wheel again: https://github.com/miroapp/app-examples/tree/master/prototyping

The main question is How to use this plugin in our Miro board. Can you post some way to do that?


Object links is a poor man's solution until something better comes along. Short explanation: Right-click frame or whatever you want to go to - copy link. Right-click button or whatever widget you want to use to go there - link to - paste. 


Object links is a poor man's solution until something better comes along. Short explanation: Right-click frame or whatever you want to go to - copy link. Right-click button or whatever widget you want to use to go there - link to - paste. 

This right here, is exactly what I would need in early stages of ideating and wireframing before moving onto hi-def designs. We (UXers) want to engage wider team (business analyst, devs etc.) to the ideation process, and have a low threshold for out of the box ideas.


Whoops… It seems like I invented the wheel again: https://github.com/miroapp/app-examples/tree/master/prototyping

This link does not work anymore. Has it been removed? Why?


Hey everyone,

I really love this idea and beg you to explore the possibility to build it. I think it would be such a great addition to the industry. Currently the notion is more on jumping straight to high-fidelity and I think we need more capabilities for faster iteration. One of those tools for this is Miro and it has much more potential

Thank you for dodumenting the idea so thoroughly Balint. I couldn’t have done it better. To the points you already elaborated I’d like to add a few thoughts:

 


How?
From development point of view, it seems nothing fancy, while lots of components are present already in the Miro! As I imagine, to develop a prototype feature for Miro you need:

  • a little bit smarter presentation mode 
  • a new kind of frame type (for click zones)
  • a new kind of arrow type (for connections)
  • switching between “design mode” and “flow mode”, to not confuse snapping. 
    (When I design the prototype, I wont snap into any frame that represent a click / touch zone, vice versa)

How?

It is great you also pointed out many of the components needed are essentially there already.
Being able to use bulk-mode would be great to take notes in context of screens that are currently shown in presentation mode.

Why?
I would create clickable wireframe prototypes.
I know. Lots of other tools are in the filed. But Miro is a gateway drug for lots of emerging designer. This could be the next step for people who started to create flowcharts than prototypes here, and wont learn new tools. You wouldn't develop wireframing tools neidher, if you don't expect this, I guess.

 

Why should Miro care to build this?
Ultimately, of course the underlying assumptions should be explored and feedback gathered to validate the direction of the project

  •  How many and what type of teams are already using low/mid fidelity tools?
  •  What is the industrie's opinion on the state of ux and low/mid vs high fidelity?
  •  Why would people care to try it out and not go straight to figma?
  •  ..

From a personal view, I want to add that I prefer Miro first and foremost because it gives me less cognitive load compared to other tools with a bloated UI and the intuitive usability rounds it up. I guess we can see that when we collaborate with other people in workshops. Therefore Miro is much more inclusive compared to other tools.

My usecase:
I create almost all illustration with Miro. I even switched from prezi.com and creating presentations with your tool. But when we ideating wireframes for a digital service, clients are overwhelmed after a certain complexity. Developers too.  However, the high fidelity designs arent ready yet. Now I recording hours and hours of videos explaining how these prototypes would work. Im about to learn Figma better, but im affraid Figma will be never an unversal visual tool for me. I need to create clickable protos, because presenting product / service ideas sucking time exponentially from me from the stakeholders, and not effective at all.

 

My use cases:
For conceptualization, I've seen other designers in awe about what you can do with such a simple tool like Miro. The simplicity of the functions supports what low/mid-fidelity should be about: Produce and compare many different versions and change up concepts with ease.

I've worked directly with colleagues and stakeholders to change static mockups right in Miro and only in the very last step when the concept was clear I went to Figma.
Why would I use a much more complex tool for iteration? I guess you could compare Miro to digital paper you draw mockups on but better

In terms of wireframes, I've even done small high-fidelity mockups and mixed-fidelity in Miro to iterate on existing websites by e.g. using screenshots and basically building on top of them - just to quickly illustrate a change.

For an interactive prototype and using Miro for early concept testing it be also cool to be able to directly debrief in Miro. Imagine collaborting with another colleague who takes notes for each frame in bulkmode. Afterwards one could go over it with those kinda testers eager to give feedback and talk about the findings and concept in an open way. Spinning this further  this would even take out the step of putting observations directly to wireframes.

Recently, I also concepted and then fleshed out my Resume and Portfolio to high-fidelity in Miro and was thinking "Mh could I use Miro also to build an interactive portfolio - not just a pdf?" This is how I ended up here.


Business case:
Prototyping could supercharge growth, with a good business model:
If I could have a simple prototyping functionality I would be “forced” to invite all stakeholders to Miro. Now im exporting pictures (one by one :rolling_eyes:, simetimes buggy, fnot to mention the underscaled .PDFs])  Sending them trough Asana, email ..brrrr.
The less involved stakeholders and clients arent motivated to register into Miro and explore the very basic features. But everybody LOVES prototypes and seeing how their ideas come true, so this could be a motivation factor. 

 

Business case:
An existing user base that might be the early adopters could be those who do workshops and produce a prototype in the end. Miro is like a elaborated above a great way to collaboratively iterate and these folks want to align with clients.
If something like this becomes a thing I can also very well imagine UI or mockup kits to be contributed to the Miro community. This would give the feature traction I guess.


That’s about it what I can think of currently. If anything I will check back and ad to it. I hope the Miro Team is going to be just as excited as us about this. Also I want to mention: If you need a Researcher & Designer for a project like this, I'd be more than open to talk to you :)

Have a great day!

Cheers,
Helmar


Considering Miro acquired InVision and is closing it down we really need a simple prototyping tool as a replacement that we can use for design collaboration and user testing  


BUMP. Bump.

Miro please look at this and consider creating an interactive prototype feature for wireframes we are creating on the board


Thanks so much for taking the time to comment about this feature. We appreciate your patience! Our team is reviewing this idea as it continues to be open for votes and comments.

For those coming across this idea, if you feel this would be helpful for you or your business, please be sure to vote for it and leave a comment about your use case to help our team scope this request!


Thank you,

Miro Community Team


bump


What do we want: PROTOTYPING. When do we want it: NOW