Design Patterns - like WYSIWYG

Question

We have seen multiple applications using WYSIWYG.Eg: MS office applications, Adobe Photoshop, Illustrator and so on. Recently I came across Miro and started using it extensively. What does the Layout of Miro called ? Like we term the Photoshop ones as WYSIWYG.

Could you briefly explain in the question what is the particularity of the work in that application? — Danielillo, Jul 25 '23 at 12:02
Describe what Miro is, what it looks like, how one uses it, what it does, etc. — Ray Butterworth, Jul 25 '23 at 12:45
Miro is still WYSIWYG. Or are you getting out something different? — Bergi, Jul 25 '23 at 20:08
It has been almost 15 years since I last used Miro, but I cannot remember anything special about its GUI. It looked like a standard 2-pane view with a list on the left and the main view on the right, some controls at the bottom, and the menu bar on top. Pretty much exactly like iTunes, Spotify, etc. — Jörg W Mittag, Jul 26 '23 at 02:53
This is not what the term "design pattern" refers to. It's a way of programming something, not a visible feature. — Barmar, Jul 26 '23 at 15:24
Hmm, looks like the UX industry has extended the meaning of that phrase from what it means to programmers. — Barmar, Jul 27 '23 at 06:45
@Barmar the term (and concept) existed before programmers noticed it! — AakashM, Jul 27 '23 at 10:03

score 14 · Accepted Answer · answered Jul 25 '23 at 13:30

I think the words you're looking for here are infinite canvas and perhaps pageless. Word, Photoshop et al. all are operating on the assumption that you are putting content on a page which one day ends up being printed, or otherwise confined to a pre-determined size. Tools like Miro, Figma and "whiteboard applications" in general on the other hand don't really want you to print out what you're doing in them, rather their entire thing is to give you as much room as you need to organize your ideas.

Devin · Answer 2 · 2023-07-25T14:36:51.777

In terms of GUI (Graphical User Interface) patterns, Miro pattern is a virtual whiteboard, where users can interact with the digital canvas and its elements using familiar metaphors from physical whiteboards and sticky notes. It is very user-friendly, and allows multiple users to contribute simultaneously, regardless of their location.

While I like to call it "virtual mood board" (which is applicable to describe how we use it in our company), the broader and more accurate classification for Miro is as a "collaborative online whiteboard" (which in time is a version of Interactive Whiteboards) application. It's essentially a digital workspace that enables real-time collaboration and visualization of ideas, and of course it includes Miro, but also FigJam, Invision, Mural, Google Jamboard and Ziteboard just to mention the most known.

The idea, as Leo Wattenberg correctly said, is that space is virtually infinite and you can have literally thousands of collaborators sharing ideas without space limitations. As an example, my daughter uses it in university and there are hundreds of students posting their work (which usually have lots of pieces, up to 100) and the professors can share immediate feedback, same as the students between them.

Design Patterns - like WYSIWYG

2 Answers2