Personal Wireframe application that runs in the browser

admin
Categories: Other

Personal Wireframe application that runs in the browser

?MockupTiger Personal Edition? is an excellent way of doing wireframes in the browser without the heavy baggage of server or database.

Our Enterprise edition comes with complete user management system and uses MySQL database to maintain all the information. It also needs a webserver to operate.

MockupTiger Personal Edition is an extremely innovative way of delivering the same experience without the need of a webserver and a database system.

How is that possible?

Here is what we did

  • Modern browsers such as Chrome come with their own database system and one such system is called as “localstorage
  • We singled out all the needed database objects that are needed to create projects and mockups
  • We redesigned the system using only localstorage
  • We kept the User Interface as it is.
  • So now the entire MockupTiger application is bundled into a single HTML file. No need of a webserver or database system.

What are the benefits?

  • Tiny footprint
  • Just visit the URL and keep using it.
  • Disconnected from internet? No problem. The application does not need it anymore. It is all within your browser.
  • Every mockup or wireframe that you can build using Enterprise Edition is possible in the personal Edition
  • Export to JSON and PNG
  • Just onetime payment

Get MockupTiger license Mockuptiger Personal Edition

Comments Off

Wireframe software – new update Groups, full screen presentation

admin
Categories: Other

Wireframe software – new update Groups, full screen presentation

Enterprise Class Group and project management features are now available with a single click to the Dashboard.

Download MockupTiger Wireframes. It is the best time saving application you will download for prototyping

Mockuptiger allows you to create any number of groups. Each member of your team can create their own groups. Groups is like the “Circles” feature in Google plus.
Groups can represent full company, it can represent individual small teams, it can represent individual clients of a web design agency or a small department of a big company
. It is a simple and very powerful concept. This power is available when you use Mockuptiger to build your wireframes and prototypes.

Groups is a very powerful and simple concept. If you are a web agency then every client and members working for them is part of a small group. ?ClientA group? and ?ClientB group?.

If you are a big organization then each small team can be a group ?Web design group?, ?Software Development Group? and so on.

A group is like an umbrella, you can add users to the group and users can share their projects to the group. So now every member of the group can see all the projects in the group. Project access is tightly controlled through the dashboard.

Each user can create groups
Each user can add members to its own groups
Each user in the group can share their own projects to the group
Each user who shares their project can control the Editor and viewership of their own content
Every user in the group can atleast view each and every project in the group
Not every user can edit the projects and pages in the group

You can now share your documents to public by simply providing the link.
Clickable wireframes allows for unique presentation ways of mockups to your clients

http://www.mockuptiger.com/wireframe/mockups/mt.php?pa=dashboard_sample_4e5bbfcf3d57f

See, how easy it is!

But wait, sharing the URL does not mean you lose control over it. You need to make the document public through the dashboard. And yes, once public you can always revoke the public access.

Read more about Group and project management for wireframe and prototyping

Comments Off

HTML5 Mockups – Wireframes font rendering is tricky

admin

HTML5 Font rendering is tricky. It is not consistent across browsers.

Read how MockupTiger fixed the font rendering issue. You will also notice that with the fix, it is now possible to add any of your favourite font for wireframes. Why just limit to Comic Sans or Arial. Try the Google web fonts for instance.

Build beautiful Dashboard prototypes with MockupTiger Wireframes

Goodbye Excel! now I can have true charting prototypes with Wireframes and mockups from MockupTiger

mockups

Comments Off

Difference between a static and dynamic dashboard

admin
Categories: Other

Difference between a static and dynamic dashboard

Did you ever imagine that you can simply punch some data
and create beautiful dashboards?

Dashboards that are static in nature?

So what is a static Dashboard?

A dashboard where you build the charts first and then punch data inside the charts. Later when you have new updates, you come back and edit the data directly. You can use these kind of simple dashboards without any technical knowledge.

They are so easy to use, just drag the charts from the library and then update the data.

One such mechanism of creating static dashboard is discussed here using Mockuptiger.

kpi_dashboard

wireframes

mockups

Read more about Static Dashboards

wireframes

Tiger can do both wireframes and mockups (tigger,tiggr,tigr)

Comments Off

MockupTiger introduces editable groups for wireframes

admin
Categories: Other

MockupTiger introduces editable groups for wireframes

Mockups become increasingly efficient when you have the ability to group objects and it becomes super powerful when you can edit the groups without ungrouping the objects

MockupTiger now has the ability to Edit groups Editable Mockup Groups/Symbols

When you group objects, the position is maintained with the child objects. You can stretch and drag the group objects. The child objects will enlarge or shrink based on the action you perform on the group. How do you edit the text of individual child Once you define the group, it becomes cumbersome to ungroup just for changing the text. For e.g If we want to change the text on the comment bubble, we simple double click on the bubble comment The UI will detect the mouse click and transfer the edit operation to the respective child.

Read more about building How to edit wireframe mockup groups

Build instant wireframes with MockupTiger Wireframes. You can build sketchy paper/pencil mockup or normal appealing mockups

Use InfoCaptor Dashboard along with samples from Dashboards Examples

wireframes

Comments Off

How do you tell your developer to build a dashboard?

admin

How do you tell your developer to build a dashboard?

  • Do you send powerpoint slides that you currently use as dashboards?
  • Do you send a bunch of Excel files that contain data extracts in one sheet and charts that derive from the raw data?
  • Do you sketch the charts on a paper or drawing board?

You are probably thinking what is wrong with any of the approaches above?

Your company just purchased the latest and greatest dashboard software and now has hired a consulting firm or trained internal IT resources to build the dashboards that pull data right from the ERP/CRM/MRP or custom datawarehouses.

Let us go through each of the approach above

1. Powerpoint slides

In many organizations, Powerpoint slides are “THE Dashboards“. A dedicated user crunches the numbers every month and keeps updating the powerpoint slides day in and day out. The slides then ship out to a mailing list containing the CEO, CFO, CIO, managers, and all the executives that are suppose to view them.

Now would you send the same slides to a developer or the consultant who is suppose to build Dashboards using the latest dashboard software?

If yes, then answer these questions

  • Isn’t your data seen by someone who is probably not suppose to have access to?
  • Your powerpoint slides will greatly influence the final dashboard that is delivered which is bad most of the time as all the design flaws get propogated in your latest and greatest dashboard software. So how will you prevent that?

2. Excel sheets

I have seen this so many times. Users have bunch of excel spreadsheets that reference multitudes of various other files that are sitting in some fileshare directory. The user shows the main number crunching sheet that they are proud of and demonstrates how these numbers are derived and then referenced in a third sheet that draws the dashboard. Amazing, isn’t it? The user has done the hard work no doubt about it but again the same questions arise with respect to data security and “design flaw propogation“.

3. Draw doodles of dashboard charts and the layout on a paper or drawing board

  • How will you send it to other people for review and revisions?
  • Where is the data on the charts that you just sketched?

You might argue back saying, why need data? The point here is not give real data in your Dashboard mockups but there is no rule against providing realistic and familiar data. If you present some wireframes or chart mockups that does not resemble your organization names on it, people names as example then users are going to simply balk. And throughout the entire review the only thing going in their mind is “This data does not look right, this data is not right…”.

So what are my options?

There are lot of wireframing tools in the market that allow you to prototype software but none provided me to mockup dashboards. So I spent 2 years developing this MockupTiger Wireframes and here is a brief introduction that provides exclusive Dashboard wireframing options.

For e.g To create a Bar chart, you simply drag the chart from the library

This is the true beauty of Dashboard wireframes. There are no colors. Your bar chart appears just like a skeleton which is perfect like a doodle on a paper except little clean and neat.

Double click the bar chart and now you edit the values that control the individual bars.

 

As you change the Rows, columns and the data against each label, you will notice the bars go up and down when you press OK.

The editor does not hide after clicking ok as it allows you to iterate and refine your mockup. You can click on the X on the top-right to close it.

There are lot of charts in the library to choose from and you can even add colors to your final mockups

dashboard wireframes

dashboard mockups

 

This is not it, the application has software prototyping library of widgets so you can create website wireframes as well as mobile application mockups.

The best part is the online version is absolutely free so you can register and start using in few seconds.

Go check out my Free Wireframe software (online)

So do you think this is a better approach for defining Business Intelligence requirements for Dashboards and Web applications?

Remember, a dashboard is also a web application so you will definitely need to include all the web design aesthetics and UI patterns when designing dashboards.

That is why MockupTiger allows you to build desktop, mobile, web and dashboard prototypes/wireframes/mockups.

You can also download and try it on your own PC.

Here is the Demo link

Comments Off

Clickable Mockups – Wireframes with prototyping

admin

When you build website wireframes or prototypes, clickable mockups is a standard requirement.

MockupTiger when released had Clickable prototyping feature using the Text widgets

Now all the text widgets, icons can be linked. There is a new element called hotspot that you can overlay on any kind of object/widget to simulate Clicking or interactivity

Read more about building Clickable Prototypes using Mockups

Comments Off

Google Docs hosted Microsoft Office files with Cloud Connect

admin
Categories: BI News

You can now open Office files stored in Google Docs directly from Microsoft Office. After downloading the file with Google Cloud Connect, you can sync changes to the file stored in Docs and collaborate with others.

Editions included:
Google Apps, Google Apps for Business, Government and Education

Languages included:
All languages supported by Google Cloud Connect

How to access what’s new:
Go to the Cloud Connect menu in Microsoft Office and click ‘Open from Google Docs’. All documents that can be opened with the application you’re running will appear in a pop-up dialog.

http://googleenterprise.blogspot.com/2011/06/open-files-more-easily-in-google-cloud.html

Comments Off

MockupTiger with Gmail

admin
Categories: BI News

MockupTiger forums already have login enabled with Gmail. Down the line when we release the web service it will be lauched in Google Apps store and have a fluid connection to Gmail.

Gmail has emerged as the best free email alternative and all of my business emails are hosted on Google apps

Some of the new Gadgest you can try are listed here

http://gmailblog.blogspot.com/2011/06/10-gmail-gadgets-to-try.html

Comments Off