Author RSSWhat kinds of prototypes there are in webdesign and app development?
Fifteen years ago, there was almost no website prototyping. At most, people used to draw a rough sketch of the appearance of the page. Fortunately, this has changed a lot, and we can create prototypes to a high level of detail.
Let's detail how they ca...
Different roles and goals while prototyping with Justinmind Prototyper
Any software or website design process can have several different professionals involved, each one adding their grain of salt to the whole. From the information architects who start the wireframes to the final developers, there are several features and fu...
Navigation flowchart tips for wireframes
These are some tips to creating wireframe navigation flowcharts for your projects using Justinmind Prototyper. Use them to understand how users will interact with your website or software.
Guide your users every time
In choosing styles for navigationa...
Simulated prototypes of websites: questions and answers
Here are some questions and answers about creating wireframes with Justinmind Prototyper.
When do we stop building the wireframe and start the real development of the project?
The answer is simple: when you won't make any more structural changes. It...
Consistency within your wireframe project: the do’s and don’ts
Think of your project as a unity. That is why big projects need to use the same font, sizes, colours, styles, etc. Hi-fi wireframes can use widgets and templates to maintain consistency. There are several advantages for projects:
1. The users will know...
How to use widgets to improve collaborative work with Justinmind Prototyper
Some big projects done with Justinmind Prototyper involve more than one person. Sometimes big teams work together to create something, and thus collaboration-management is a very important feature of our wireframe authoring tool.
Keeping the same desig...
What kind of problems can you detect with a prototype?
Those that already create a prototype before investing too much time in any problem already know: there are several blind spots and mistakes designers do unwillingly. And those can be avoided by testing and validating the wireframe through several phases,...
What do I have to do to test my website prototype?
After finishing your project and presenting to the client, sometimes it's needed to do usability tests with a prototype, to understand real users' needs. So, you can export your hi-fi wireframe into HTML, or even test it remotely using Justinmind Server.
...
How to use Justinmind Prototyper to simulate real data in your wireframes with datamasters and datag
Have you ever seen a wireframe with simulated data?
Justinmind Prototyper allows the creation of much more than simple, static wireframes. You can have fully functional prototypes, with events and action as astonishing as search, behaviour changes and ...
How to share wireframes, prototypes and documentations with Justinmind Prototyper
Normally, a project made with Justinmind Prototyper is going to be coded into a piece of software or a website later on. So, it's important that your wireframe software to be capable of exporting in several formats.
Export your documentation to your pr...
How could you save time by adding a prototyping phase to your project
It may sound contradictory, but going straight from wireframe to code is not the best way to finish your project early. Normally, clients make several changes when they see the actual design, with colours and real text. Many of those are structural change...
When do we start to create a wireframe?
After defining which pages are going to be created and what they'll contain, we start the wireframing process. This means start drawing the objects that will be present on the pages, without much attention to detail.
Lo-fi and hi-fi wireframes
A few y...
What are website prototypes good for?
Wireframes are good to show how the web will look like. Sitemaps are used to show the navigation structure.
But none of them show how a website works.
The main focus of a prototype is not the appearance of the website, but content, structure and fun...
Using HTML to prototype wireframes
There is a tendency nowadays of doing HTML prototypes for client presentation or to test projects. This is a more realistic approach to paper, but it's very much more time consuming. Justinmind is a tool made to join together the functionality of a HTML w...
Justinmind process of creating a wireframe
We suggest some basic designing steps to increase speed and facilitate the creation of your wireframe:
1 - Use some sort of grid. For example, 960 framework. This is very commonly used by developers, and give some sense of proportion to your project. I...