Mural for wireframing - Any samples/templates/suggestions?

Robert_Sk

Hi all!

Does anyone have a use case for Mural being used for wireframing? I have someone who’s trying to decide if Mural or Miro would be a better tool for that (though they have all their existing templates in Mural and doesn’t want to leave the platform).

I had a few good suggestions from the Mural Pro Slack channel, and @hailey suggested I post here as well.

Thanks in advance for any answers!

[Deleted User]

@Robert_Sk Checking with our MURAListas now. Would you or your friend want to work with me to make one if we don't? I'm responsible for helping build templates like these, so we can collaborate on making something AWESOME. Regardless I will be taking this project on to build this template, so let me know!

They can submit a request for the specific template here and we can get going.

ryannee

Hey @Robert_Sk! That's a great question.

I've been wireframing exclusively in MURAL for almost five years, and I really like it as a wireframing tool. I've found that working in MURAL helps non-designers feel more empowered to contribute because I'm using the same tool that they use. As a whiteboarding tool, MURAL is inherently a bit clunkier for doing detailed design work than a purpose-built tool, but I like that about it. MURAL forces me not fiddle with details too early — perfect for wireframing.

I've been slowly building a kit of parts to make wireframing go more quickly, which looks like this:

With that kit of parts, I'll often make a large diagram that shows page-level details, but also how each page fits together — sort of like a cross between wireframing and an information architecture diagram. (This is zoomed-out and stripped of some detail for this public-facing example — sorry for the lack of being able to get in there and see the specifics).

Here's a close-up of a non-sensitive page so that you can get a sense for the detail I use in wireframes. I tend not to get much more detailed than this in a wireframe. This is good enough to help everyone understand the intent and have a good discussion about the relative merits of the page, content, and design:

Here's an example from a personal project of mine, where I used MURAL to wireframe a workflow within an iPhone and iPad app. Pretty simple and lacking in much detail, but it helped me plan how these screens needed to work across devices:

I can't speak for every designer, but I find MURAL to be a powerful wireframing tool, and I don't find myself reaching for anything else. I work at MURAL now, but I was a heavy MURAL user before working here and relied upon it daily. Hopefully that's helpful, Robert!

Robert_Sk

Thank you very much @Ryan ! I'll pass it along. Very much appreciated.

kurt_kunert1

Would LOVE to see wireframing and content versioning.

EduardoCordoba

Thanks for this illustrative information @ryannee.

I am trying to figure how to create my own wireframes to reuse across rooms and Murals. Is this possible?

manuel

Hm, you could upload the wireframing-elements as files to the canvas if you have those graphics and then build wireframes with them. Then save your "defaults" to the content library to reuse them. It's not perfect yet, but you could use it to get started with wireframes. If that does not work for you - what needs to be improved?

[Deleted User]

Agree with Manuel! I would save them in the content library. I do this with quite a few of my own frameworks!

jsabutis

@ryannee will you be making this file available as a template? Would love to utilize! Thanks!

manuel

Would love to see some predefined things & shapes etc. for wireframing, too.