One time I had a problem for a designer to draw a small, possibly a prototype interactive website. Naturally the first thing to look for a decent useful tool to your favorite Habrahabr.
Quickly found two good articles with a list of the necessary software:
Try the free services Cacoo, iPlotz, MockFlow, Mockup Builder, Pencil got the first glimpse of functionality. I should add that they are free with a limit of one project (except Mockup Builder), which of course is not very comfortable for at least some work. Functional is almost similar (it is considered a functional prototype, without flowchart diagrams, etc.). Stopped on Mockup Builder and made it a project.
And when the project was ready, I accidentallygot on the Habr came across Wireframesketcher and that's when I realized - this is exactly what I was looking for.
It seemed to be nothing special, but that the work with the very prototype of the program is the trump card, all very logical, functional and comfortable, in comparison with all of the me counterparts.
It may seem a bit familiar to those who are not familiar with the eclipse, but it will pass quickly.
It is very simple and clear.
Each element can edit the text of the item and its properties
Text editing with support for formatting a very flexible tool, for example a text component tree:
We shall see in the following form:
Properties of the elements can be edited in the window:
in this case it works very fast is not buggy, as in Mockup Builder.
Such editing components are necessary and sufficient IMHO, there is nothing superfluous, and everything in its place.
In the two mouse buttons, you can specify a link to an external resource or internal page, making the final prototype of the more alive.
Thus the basic functionality of this type of program is implemented perfectly, but that's not all ...
Looks like this:
in fact, it is a map of the project, which can be (and it can only, otherwise it will be only a few pages) to export to html with transitions between pages.
We have some very Wireframesketcher convenient features that maximize minimize prototyping process.
The component is created from a group of elements
In this case, we can edit the components so that it applies to all copies, and without it. This becomes relevant when you have a lot of the same complex elements, and suddenly one needs to be changed without affecting the others. It is very convenient. Such is not the competition, but this feature is very popular.
This image map, clearly shows options for possible transitions between pages.
It's simple:
I also had to work with a combine as Axure (worth $ 600), he certainly has his buns, but the basic functionality and the process of me more like a Wireframesketcher.
Search Tool
Quickly found two good articles with a list of the necessary software:
- Prototyping tools and creating wireframes
- Rapid prototyping tools
Try the free services Cacoo, iPlotz, MockFlow, Mockup Builder, Pencil got the first glimpse of functionality. I should add that they are free with a limit of one project (except Mockup Builder), which of course is not very comfortable for at least some work. Functional is almost similar (it is considered a functional prototype, without flowchart diagrams, etc.). Stopped on Mockup Builder and made it a project.
And when the project was ready, I accidentally
- multi-platform software (built on the base of eclipse), there is a standalone version and in the format plugin for eclipse
- very smart (especially noticeable in comparison to the competition in the air, silverlight)
- the set includes the component palette, divided into groups (concise and clear)
It seemed to be nothing special, but that the work with the very prototype of the program is the trump card, all very logical, functional and comfortable, in comparison with all of the me counterparts.
Interface
It may seem a bit familiar to those who are not familiar with the eclipse, but it will pass quickly.
It is very simple and clear.
Each element can edit the text of the item and its properties
Text editing with support for formatting a very flexible tool, for example a text component tree:
wireframing-tutorial -assets --icons ---7-location-map.svg ---9-av-shuffle.svg --logo.png --logo.screen --Star.svg
We shall see in the following form:
Properties of the elements can be edited in the window:
in this case it works very fast is not buggy, as in Mockup Builder.
Such editing components are necessary and sufficient IMHO, there is nothing superfluous, and everything in its place.
In the two mouse buttons, you can specify a link to an external resource or internal page, making the final prototype of the more alive.
Thus the basic functionality of this type of program is implemented perfectly, but that's not all ...
Tutorial story
Looks like this:
in fact, it is a map of the project, which can be (and it can only, otherwise it will be only a few pages) to export to html with transitions between pages.
Killer features
We have some very Wireframesketcher convenient features that maximize minimize prototyping process.
- Create your own components in a single click (in the latest version 3.8.2)
- Screenflow
Components
The component is created from a group of elements
In this case, we can edit the components so that it applies to all copies, and without it. This becomes relevant when you have a lot of the same complex elements, and suddenly one needs to be changed without affecting the others. It is very convenient. Such is not the competition, but this feature is very popular.
Screenflow
This image map, clearly shows options for possible transitions between pages.
Exports
It's simple:
- Html
- Png
PS
In conclusion I say that despite the fact that I was comparing the commercial program with free counterparts, the latter is not expanding functionality even after the payment of the account.I also had to work with a combine as Axure (worth $ 600), he certainly has his buns, but the basic functionality and the process of me more like a Wireframesketcher.
Articles
0 commentaires:
Enregistrer un commentaire