Autosave and Better Performance: MockupScreens 4.91
May 27, 2015

MockupScreens now works 3-5 times faster than before! We have worked hard to improve performance (which suffered after introducing free text formatting in 4.90) and fix several annoying bugs. You can download new MockupScreens 4.91 at the download page on the main website.

What is new in version 4.91 is the Autosave feature. In the case of a crash, MockupScreens automatically recovers the last file you have worked on, including all the updates prior to the crash.

Autosave in Mockup Screens 4.91

You can download MockupScreens 4.91 here. Below is the complete list of changes and improvements.

PS. Existing users: download the trial and unlock it with your existing license key.

Changes in MockupScreens 4.91

New:

  • Autosave (recovers project automatically after crash)

Improvements:

  • 3-5 times better performance
  • When moving or resizing, complete widgets are rendered only after the action
  • Lasso select disregards locked widgets or widgets derived from masters

Fixes:

  • Comment numbering was broken in some situations
  • Selection problems fixed
  • Corrected Frame widget top padding for Windows 7 & 8 skin
  • Widget’s spatial index wasn’t updated correctly after moving via keyboard

Free Text Formatting in MockupScreens 4.90
April 8, 2015

Up to now, text formatting was possible only for entire text in a widget. With MockupScreens 4.90, FREE text formatting is available in Text widget:

Free Text Formatting

You can download MockupScreens 4.90 from the main MockupScreens website. Existing users: download the trial and unlock it with your existing license key.

Other changes are listed below.

Enjoy!

 

Improvements in 4.90:

  • When a widget is selected, just start typing to change its caption.
  • Beside ‘font-awesome’, original icons are also available now.
  • A newly created project is not marked as having changes while still empty.
  • Margins on text in Table widget was too big.
  • Increased number of projects on “Open Recent” list.

Fixes:

  • Keyboard navigation with TAB key in Find panel didn’t work correctly.
  • Double-clicking on .mck file opening a blank project.
  • Troubles with refreshing menus etc.
  • Masters don’t change names of screens when opening older projects.
  • Table resizing after closing the Table Editor.
  • Text alignment problems in labeled widgets.

MockupScreens 4.89 – Distributing Widgets Evenly and Indicating Item Selection in Dropdowns, Lists and Trees
February 24, 2015

MockupScreens 4.89 is live, bringing numerous bug fixes, commands to distribute widgets evenly and # suffix nows indicates selected item in widgets with lists. You can download new version from the main website.

Sorry for the bugs, we did quite a lot of internal changes in previous version 4.88. Many of those were necessary for moving closer toward mobile skins.

What Is New

Now you can distribute multiple widgets both horizontally or vertically, i.e. space them evenly, from the Align command menu:

distribute-widgets

What is also new, is the ability to indicate selected item in widgets with lists, in other words Dropdown, List, and Tree. To make an item selected, suffix it with ‘#':

item-selection

To download new version 4.89, go to the main MockupScreens website.

Existing users: just download the trial version and use your existing license key to unlock it.

The full list of improvements and changes is below. Enjoy!


 

Complete List of Changes and Fixes in 4.89

New:

  • Use # suffix to indicate item selection in Dropdown, List, and Tree widgets.
  • Commands to distribute widgets evenly.

 

Improved:

  • Ability to open multiple MockupScreens instances on Mac by double-clicking .mck project files.
  • Image can be exported from an Image widget.
  • Toolbar toggle buttons for controlling panels’ visibility.
  • Field and Text widgets default vertical alignment is top-aligned now.
  • Comments are disabled on Master screens.
  • “Snap to Grid” option added to the View menu.
  • Deleting a screen asks for confirmation.
  • “Group” context action is disabled when only a group is selected.
  • Moved maximum comment dimensions options to the “General” tab.
  • Applying a master should not rename the screen.

 

Fixes:

  • Fix how special system folder locations are retrieved (some conditions stopped MockupScreens from starting).
  • Centering Dialog and Form captions (Mac OSX and Safari skins).
  • Now able to select Screen using ctrl key (Cmd on Mac) when other widget(s) are already selected.
  • Fixed issues with the CheckBox.
  • Images from external program can be dragged and dropped onto the current screen in MockupScreens.
  • Fixed issues related to widget-alignment commands.
  • Fixed issues related to widgets movement and selection.

Happy New 2015 and Last Year’s Highlights
January 5, 2015

Happy New 2015

Happy New 2015, everyone!

Last year was great for MockupScreens for one simple reason: substantial work was done on MockupScreens version 5. Having said that, we need to hurry – with version 4.89 in the making, we are running out of  numbers.

Apart from that, what was done in 2014 can be summarized like:

  • 51 improvement, some of them quite big.
  • 74 bug fixes, which is less that in 2013. This means less bugs, which is a good thing.

Most important improvements, ie. what was done that you requested the most, were:

  • New online help – Replacement for offline help/pdf, which were embarrassingly dated.
  • Icon set – 479 Font Awesome icons included, you can do wonders with them.
  • Buttons with icons – You requested this quite a lot.
  • Export to DOCX format – Native format for Microsoft Word.
  • Text formatting in comments – Annotations are crucial for  mockups. By formatting them properly, you can communicate more clearly.
  • New widget: Progress Bar – Editable caption and progress, different look for each skin, marquee option.
  • Search/Replace – It works over all your screens, in both widgets and comments. This works phenomenally.
  • New widget: Dialog – Editable caption and titlebar buttons, native (different) look for all skins.
  • Editor over most of the screen: Widgets toolbar, screen tree, and property panel can be hidden or revealed by pressing Ctrl+1, Ctrl+2, Ctrl+3 respectively (on Mac, it’s Cmd key instead of Ctrl, of course).
  • Export to single-file HTML  – Easy way to export your mockups.
  • Printing in 300 DPI – Crisp screenshots in printouts and in PDF export. Much, much better than before.

Other improvements, some big and some small, in no particular order:

  • Editing multiple widgets is now done via property panel (instead of separate dialog).
  • Tab widget has larger initial size.
  • Frame widget has larger initial size.
  • Tree widget has larger initial size.
  • Icon chooser remembers selected icon set and category.
  • Badges replace Marks
  • Color themes for Badges
  • Image gallery removed (icons does that job now)
  • Faster program startup
  • Scrolling in editor is more smooth than before
  • Option to reopen last project on startup or not
  • Locking widgets in place from Geometry panel
  • Optional captions for images
  • For forms, “Alternate Name” is empty by default
  • For Save dialog, the native Win or Mac dialog is used
  • Tabs are bigger by default.
  • Temporary border for easier placement of widgets.
  • In labeled widgets, labels now “grow” to the left when text grows.
  • Snapshots now use the same grid options as seen on the canvas.
  • Export to HTML now shows confirmation message when overwriting existing folder.
  • When group of widgets is dragged by mouse, their alignment regards the whole group and not individual widgets.
  • Radio buttons can be switched between horizontal and vertical layout.
  • Text wrapping for Radio buttons’ labels.
  • Radio buttons’ labels can be positioned either on the left or on the right of the radios.
  • Labels of compound ie. “Labeled” widgets can be positioned either on the left or above.
  • Tab captions have wider margins now.
  • Option for Slideshow to toggle Window titles on or off (accessible via Options panel).
  • Option to turn off navigating screens in Slideshow via left/right mouse-click
  • All options from Advanced tab for Master are now either inherited or editable
  • When group is selected, new screen is placed in that group
  • Much better performance when typing text in complex screens.
  • Moderately better performance when selecting widgets on complex screens.
  • Registered users can change license key from new “Renew license” window, instead of going to “Buy the full version” window which was confusing.
  • New images are inserted with their original size and aspect ratio.
  • Images have new option “Restore original size” on “Geometry” panel.
  • When adding a new widget, mouse pointer positions at the widget’s right-bottom corner, which is much more practical for resizing etc.
  • Window background color can be changed in Mac OSX skin.
  • Window background color can be changed in Safari skin.
  • Custom colors persist between sessions.
  • When root group is selected, menu item Drawing/Rename group is disabled.
  • Most widgets now have 100pix default width.
  • Added splash screen on startup, which shows MockupScreens version and whether it’s registered or not.
  • Better rendering of shadows etc when canvas is zoomed-in.
  • Right-click shortcut menus were reorganized and some items renamed.
  • Right-aligned text now grows to the left, when the wrapping is off.

Bug fixes were many, but less than in 2013. Which is great.

Here is the full list, for those of you considering whether to stick to your current version (please don’t – less headaches for everyone):

  • In settings,”Display Icons and Badges” is now “Display Badges” and affects Badges only.
  • Deselecting a widget (from multiple selection) by clicking while holding down the Ctrl/Cmd key.
  • Incorrect font size during widget creation (before a widget was actually placed on canvas).
  • Form’s web toolbar was incorrect in Mac OSX skin.
  • Fixed keyboard shortcuts for font formatting: bold (Ctrl/Cmd+B), italic (Ctrl/Cmd+I), underline (Ctrl/Cmd+U).
  • Fixed keyboard shortcuts for text alignment: left (Ctrl/Cmd+L), right (Ctrl/Cmd+R), center (Ctrl/Cmd+E).
  • When annotated widget was clicked, its number indicator was displayed behind the selection indicator.
  • In editor, when changing active screens by PageUp / PageDown, Screen tree was not updated accordingly.
  • When a group is selected and has focus: Comments panel and Property panel are disabled.
  • Dropdown caption alignment wasn’t calculated correctly (caption text was overlapping with the dropdown arrow).
  • Incorrect behavior when adding widgets and changing the widget to add.
  • Comments get blank after replace command (only in certain situations).
  • Selected widget can be deleted by Backspace key (again).
  • Unintentional wrapping in Text widget
  • Issues with Transform feature
  • Mouse icon displayed for line resize is not correct
  • Find is not highlighting the matching string within widget/comments.
  • Missing info box during widget resize.
  • Irregular tab widget background color with MacOS and Safari skin
  • Saving a snapshot to file didn’t give an overwrite confirmation
  • Image in grouped widgets was sometimes lost when pasting, saving and otherwise serialising the group
  • Single-file HTML export now uses the image format selected in HTML export settings
  • Better indenting of word-wrapped lines in Comment bubbles
  • Manual line breaks in comments are now preserved in HTML export
  • Mac: File overwrite confirmation was sometimes shown twice
  • Unlinking from Master wasn’t copying Form attributes properly.
  • Scrollbars were not displayed immidiately for some widgets when changed.
  • Tab key wasn’t handled properly in labeled widest’ properties.
  • Mac: Gallery and custom image buttons on Image properties looked weird.
  • Several widgets had “lost” their borders with 4.82 depending on skins, which is corrected now.
  • “Revert to Saved” command was showing incorrect confirmation message.
  • Find was distorting text on screen in certain situations.
  • Searching for special characters could produce unexpected results.
  • Resizing or moving widgets weren’t always correctly accounted for when using Undo or Revert to Saved commands later.
  • On Mac, project wasn’t opening in browser automatically, after exporting to HTML.
  • Replace wasn’t always working for compound widgets (Table, Tree, labeled widgets).
  • On some circumstances, replacing text could break comment numbering.
  • Adding new subgroup on Masters tree now works correctly
  • Deselecting a row in a Table was terribly non-intuitive
  • Undo was not working properly after transforming a widget to another
  • Copying screens to clipboard was not preserving images (ie. when copying a screen from one project to another)
  • Widgets can’t get positioned outside of canvas
  • Line widget orientation was changing when changing geometry via “Change Multiple Widgets” dialog
  • Transform tool was not carrying the text from Link to Text/Radio widgets
  • Select all was not working from menu after just placing a widget
  • Mac: Copy/paste text between MockupScreens and other programs didn’t work
  • Splash page is displayed until MockupScreens has fully initalized itself
  • Table widget sometimes haven’t updated the property field after editing
  • HTML export had problems with links because of Tab widget incorrectly interpreting them
  • Background color for dialogs no longer incorrectly gets into the corners.
  • Occasionally dropdowns (e.g. skin chooser) stopped working temporarily.
  • On Mac, “Show tips” popup was not displayed when launching.
  • Captionless Dialogs had fain “ghost” lines in BW and MSIE skins
  • Pasting an image from other applications now works correctly for: jpeg, gif, bmp, png, tiff, ico.
  • Application doesn’t hang any more when user closes the Edit Group Name window.
  • User wasn’t able to select “Master Screens” node or any group under it.
  • Dropdown caption is now properly aligned in property panel.
  • User couldn’t select general (unnumbered) comment.
  • Property panel was empty if initialy loaded project has a widget group as a selection.
  • There were instances when user wasn’t able to select a Mark widget.
  • Custom background color produced visible borders for some widgets.
  • “Tip of the Day” window sometimes got behind the main window when user switched between MockupScreens and other applications.

 

MockupScreens 4.88: Whole-Screen Editor and New Online Help
December 16, 2014

While working on your wireframes, a bigger editor area is often a great convenience.

With MockupScreens 4.88 you can hide all panels to show your mockup over most of the screen:

Toggle editor panels

To hide or show each panel, use the following keyboard shortcuts:

  • For widget toolbar, use Ctrl+1 (on Mac, Cmd+1).
  • For screen tree, use Ctrl+2 (on Mac, Cmd+2).
  • For property panel and comments panel, use Ctrl +3 (on Mac, Cmd+3).

Shortcuts to toggle editor panels

You can download MockupScreens 4.88 from the main website.

Complete list of changes and improvements

New:

  • Hide or show editor panels: Widgets toolbar (Ctrl/Cmd+1), Screens tree (Ctrl/Cmd+2), Property panel (Ctrl/Cmd+3).
  • New online help (instead of offline, which was quite dated).

Improvements:

  • Editing multiple widgets is now done via property panel (instead of separate dialog).
  • Tab widget has larger initial size.
  • Frame widget has larger initial size.
  • Tree widget has larger initial size.
  • Icon chooser remembers selected icon set and category.

Fixes:

  • In settings,”Display Icons and Badges” is now “Display Badges” and affects Badges only.
  • Deselecting a widget (from multiple selection) by clicking while holding down the Ctrl/Cmd key.
  • Incorrect font size during widget creation (before a widget was actually placed on canvas).
  • Form’s web toolbar was incorrect in Mac OSX skin.
  • Fixed keyboard shortcuts for font formatting: bold (Ctrl/Cmd+B), italic (Ctrl/Cmd+I), underline (Ctrl/Cmd+U).
  • Fixed keyboard shortcuts for text alignment: left (Ctrl/Cmd+L), right (Ctrl/Cmd+R), center (Ctrl/Cmd+E).
  • When annotated widget was clicked, its number indicator was displayed behind the selection indicator.
  • In editor, when changing active screens by PageUp / PageDown, Screen tree was not updated accordingly.
  • When a group is selected and has focus: Comments panel and Property panel are disabled.
  • Dropdown caption alignment wasn’t calculated correctly (caption text was overlapping with the dropdown arrow).
  • Incorrect behavior when adding widgets and changing the widget to add.
  • Comments get blank after replace command (only in certain situations).
  • Selected widget can be deleted by Backspace key (again).

MockupScreens 4.87 Adds Icons (Font Awesome)
November 18, 2014

Good icon set makes wireframing  much simpler. Thus, we have included Font Awesome icons in MockupScreens 4.87 (available from the main website).

(Complete list of improvements and changes below)

This picture really speaks more than thousand words:

icons

 

To add an icon, choose the “Icon/Badge” widget from the left toolbar. What you will get is an Icon Chooser Dialog, where you can:

  • Browse icons by categories
  • Search icons by name
  • See the preview

MockupScreens Icon Chooser

 

Marks has been replaced by “Badges”, which are basically ordinary icons made to stand-out visually on your mockup. You can choose among several color themes:

Icons as Badges

You can download MockupScreens 4.87 from the main website. To upgrade from older version of MockupScreens, simply download the trial and unlock it with your license key.

Enjoy!

 

Complete list of changes and improvements – MockupScreens 4.87

New:

  • Icons: Font Awesome set
  • Buttons can have icons now

Changes / Improvements:

  • Badges replace Marks
  • Color themes for Badges
  • Image gallery removed (icons does that job now)

Fixes:

  • Unintentional wrapping in Text widget
  • Issues with Transform feature
  • Mouse icon displayed for line resize is not correct
  • Find is not highlighting the matching string within widget/comments.
  • Missing info box during widget resize.

Download MockupScreens 4.87 from the main website.

Free Material on Mockups, Software Projects and Communication in General
October 29, 2014

While working on my “mockups book” (almost done!), I have created quite a bit of material on mockups and on software projects in general.

Many of these articles are now FREE on the new website that I’ve just launched:
http://www.OnSoftwareProjects.com

I invite you to discuss the topics, directly on the website, and to share the above link with those interested. Your comments helps others, and a genuine discussion helps everyone.

Here is a preview of topics I have put online so far:

MOCKUPS: Basic Mockup Routine, Choosing the Right Mockup Tool, Provoking the Right Feedback, Common Mockup Pitfalls, Mockups as a Spec

SOFTWARE PROJECTS: Creating Reliable Estimates and Making Them Management-Proof, How to Prepare a Smooth Project Acceptance, Don’t Let Your First Consulting Gig Fall Apart Horribly, Don’t Bury Important Information in Trivia

COMMUNICATION: Don’t Suck at Verbal Self-Defense, Negotiating is Not Haggling, Presentation Tips

on-software-projects

Thanks,
Igor

MockupScreens 4.86: Comment Formatting, DOCX, Printing in 300 DPI
October 7, 2014

When annotating your screens, you can communicate better by e.g. underlining a requirement or making an important phrase bold.  MockupScreens 4.86 brings comment formatting, so you can do that now.

Notable improvements are also: Exporting to DOCX format, and printing images in 300 dpi.

Comment formatting in MockupScreens 4.86

 

You can download MockupScreens 4.86 from the main MockupScreens website.

New in MockupScreens 4.86:

  • Export to DOCX format
  • Text formatting in comments.

Improvements:

  • Better image quality (300 dpi) when printing
  • Faster program startup
  • Scrolling in editor is more smooth than before
  • Option to reopen last project on startup or not

Fixed:

  • Irregular tab widget background color with MacOS and Safari skin
  • Saving a snapshot to file didn’t give an overwrite confirmation
  • Image in grouped widgets was sometimes lost when pasting, saving and otherwise serialising the group

 

 

MockupScreens 4.85: Locking Widgets in Place
June 2, 2014

Some widgets are pretty awkward to work with without locking them in place. For example Tab and Frame widgets.

Now with MockupScreens 4.85 you can lock and unlock them from the Geometry panel:

locked-tab-widget

 

You can download MockupScreens 4.85 from the main MockupScreens website.

Improvements in 4.85:

  • Locking widgets in place from Geometry panel
  • Optional captions for images
  • For forms, “Alternate Name” is empty by default
  • For Save dialog, the native Win or Mac dialog is used

Fixes in 4.85:

  • Single-file HTML export now uses the image format selected in HTML export settings
  • Better indenting of word-wrapped lines in Comment bubbles
  • Manual line breaks in comments are now preserved in HTML export
  • Mac: File overwrite confirmation was sometimes shown twice

Export to Single-File HTML: MockupScreens 4.84
May 6, 2014

MockupScreens 4.84 is available from the website. The highlight is a new export option  “Export to HTML (single file)”. Enjoy!

ps. Full list of improvements and fixes is below.

html-export

Improvements:

  • Tabs are bigger by default.
  • Temporary border for easier placement of widgets.
  • In labeled widgets, labels now “grow” to the left when text grows.
  • Snapshots now use the same grid options as seen on the canvas.

Fixes:

  • Unlinking from Master wasn’t copying Form attributes properly.
  • Scrollbars were not displayed immidiately for some widgets when changed.
  • Tab key wasn’t handled properly in labeled widest’ properties.
  • Mac: Gallery and custom image buttons on Image properties looked weird.