Archived

This conversation was archived and is no longer visible to community members.

I was using Balsamiq Mockups the other day to demonstrate some some Mockups I had created to a large audience.

While doing so, I often used my mouse cursor to point and click, as to simulate and walk through the user experience for my audience. Obviously when I clicked anything, it selected it. If I hover the mouse over, I get that tool tip edit box. A few times I inadvertently nudged a UI component.

Tip: I figured out that I can select all and lock the entire mockup.

But wouldnt it be great if there was an option in the view menu called presentation mode?



This option would do the the following:
- Temporarily lock all mockups in session (all tabs)
- Hide the UI Library (or maybe only allow the Markup library)
- Hide the Quick Add tool
- Add a right click "End presentation mode"

* Presentation mode would automatically end if the user used any of the "Mockup" or "Edit" menus, or opened a .BMML file.

I think this would be a great little feature.

Michael

  • 198 Posts
  • 11 Likes
  • thankful

Posted 6 years ago

  • 3

Michael

  • 198 Posts
  • 11 Likes
Recently I gave a presentation on UI design and usability testing. This was in front of a big audience. The presentation was a big hit.

I spent 30 minutes talking about the importance of low fidelity mockups and paper prototyping. I gave a great demo of Balsamiq and the audience was very much interested as they all wanted to know where to buy it.

However in part of my demo, I was trying to walk users though a few designs and workflow. Using my mouse as a pointer, I kept accidentally nudging components around, the property panel would appear on top of important areas, and I accidentally renamed a component. Needless to say this was a bit frustrating. Even more so when it kept asking me to save my changes when I wanted to close.

Regarding the original post:

I am surprised nobody responded on the idea of a "Presentation Mode". Perhaps by me posting this comment, others will chime in with their support.

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
Hey Michael, I have now added a "Full Screen Mode" to 1.5, check it out! http://www.balsamiq.com/products/mock... - it needs a little more feedback (like a "hit ESC to exit full screen mode" label) and other tweaks, but it should be enough to play with.

Michael

  • 198 Posts
  • 11 Likes
Does it only work on the desktop version? I tried on the Web version - does not work.

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
Oops, I forgot to do something to enable it in the web. Let me fix that.

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
Ok, it's fixed. SHIFT+refresh to make sure you get the latest html

Michael

  • 198 Posts
  • 11 Likes
I love it - this is a great enhancement!!!!

Michael

  • 198 Posts
  • 11 Likes
I was pleased to see it properly handles windows that need scrolling. But I wonder if the page-up/down keys could work here. No biggie, but it would be useful.

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
Keyboard input is totally disabled in the flash player (security reasons), but I could make those keys work in the Desktop version, let me take a look.

I am also thinking of trying to automatically centering the mockup when in full screen mode, what do you think?

Michael

  • 198 Posts
  • 11 Likes
Yeah - that sounds good.

Keys page keys in desktop version, and auto center.

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
I just added the auto-center: what a difference it makes!

(Also, check out the new "Export Snapshot to Clipboard" command in the Desktop version. Bonus!)

Adam

  • 106 Posts
  • 0 Likes
I think it makes sense to call it presentation mode. When I opened it in "full screen mode" I was expecting to be able to work in that mode (I should know better that flash does not allow that).

Presentation mode tells me that I should not expect to work and just show off my handiwork (and yours Peldi).

Michael

  • 198 Posts
  • 11 Likes
I agree with you, hence my original requests. :)

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
How about "Full Screen View"? Presentation is such a loaded word...and CTRL+F is better than CTRL+P (already used for printing).

Adam

  • 106 Posts
  • 0 Likes
View works. Show full screen...?

Giacomo 'Peldi' Guilizzoni, Official Rep

  • 2122 Posts
  • 153 Likes
I added the "big ass pointer" (or BAP for short) feature when in "Full Screen View", let me know what you think!

The idea here is that you normally go full-screen when you're showing something, either in front of a client or an audience. The BAP helps you point out different mockup features.

Adam

  • 106 Posts
  • 0 Likes
You win Peldi. Can't beat the BAP.
Hi! So I'm looking for how to remove those big ass pointers.. :D My point is that a clickable version is great for user testing as well as presenting a flow to clients and coworkers, however the big ass pointer is really in the way and making it all look really terrible and taking away the focus on what I'm clicking and what comes next.. A tiny pointer or just a circle which would be awesome and also suit iPhone mockups heaps better!

The Eclectic Angler

  • 2 Posts
  • 0 Likes
Presentation mode is very cool! and I love the BAP!

László Bővíz

  • 37 Posts
  • 0 Likes
I can't switch between mockups in presentation mode.
Would it be a next enhancement step or is it implemented already?

Marco Botton, Super duper coder

  • 98 Posts
  • 3 Likes
Hi László, nice idea! Added to the TODO list!

László Bővíz

  • 37 Posts
  • 0 Likes
Thanks Marco.
Just for the correct explanation of my intention:

It would be also nice to be able to set the appearing order of mockups (maybe by moving its tabs) and switch off autocenter for precise placement.

Whit these enhancements I can easily demonstrate a complete scenario in presentation mode. That would be great!

László Bővíz

  • 37 Posts
  • 0 Likes
Hi Marco!
The new linking mockups feature invalidated my request about switching.
Thanks

Alvaro Pereyra

  • 0 Posts
  • 0 Likes
I think the Presentation Mode just rocks and adding in top of that the ability to link between mockups just made me buy the desktop version :)

I have a suggestion, nonetheless. Would it be possible to disable the blue color it shows when there is a link over an object?

I'm using it to show how an interaction through a menu would work, but the blue is too distracting. I already know I can click there and the arrows give a clue too. Perhaps a preference somewhere could help chosing whether to show it or not.

Michael

  • 198 Posts
  • 11 Likes
I would like this too, but it should be optional. For Usability testing in front of users, I don't want to hint to them where they need to click.

László Bővíz

  • 37 Posts
  • 0 Likes
I would like it too.
Now I have to color everything to blueish to hide link hints. :-D

Alvaro Pereyra

  • 0 Posts
  • 0 Likes
Michael: Exactly, that is one of my concerns. It distracts too much from the rest of the mockup by having a too strong visual signal (which is what we try to prevent by using BM :P)

Perhaps it should me an optional global preference somewhere, since setting it up on every link would be somewhat tiresome (but could work too).

Michael

  • 198 Posts
  • 11 Likes
If I'm being real honest here - I am not crazy about the big pointer arrow and the huge blue finger that you get when you hover. If I had my wishes:

- Use a smaller regular pointer in presentation mode
- Do not use the pointer facing towards the center
- Make the hand on links to look more regular
- Option to hide the arrow hints
- Create a separate special control to be used for linking. Would be same as rectangle area that is transparent and no border.

László Bővíz

  • 37 Posts
  • 0 Likes
- A smaller pointer will not suggest enough the sketchup feeling. I need the BAP at least as an option.