Annotate Wireframes?
Annotate Wireframes?
(OP)
Looking for some help here. What is the best way (tools, software, technique, etc.) to take witeframes or UI and annotate them with information for developers to code against. Such as, map a contentId to an area of the UI?
Thanks
Thanks
RE: Annotate Wireframes?
Normally, we just name the ID of the DIV.
RE: Annotate Wireframes?
I uploaded an example of my vision.
I found a free tool called "Greenshot" that gives me the ability to create circles and number them; but when I save it saves an one large image. This makes upkeeping a challenge.
Then I played with OneNote in Windows. Gives me the ability to create tables and all, but creating circles and number them is time consuming.
RE: Annotate Wireframes?
Or you can just drop your flat design in Pencil and add numbers and a table.
http://pencil.evolus.vn/
RE: Annotate Wireframes?
We are doing Powerpoint now but it is so time consuming to create the annotated circles with numbers.
RE: Annotate Wireframes?
Regardless of application (PowerPoint/Pencil), you can copy/paste the first number to make additional numbers with the same style.
RE: Annotate Wireframes?
Mike
__________________________________
Mike Lewis (Edinburgh, Scotland)
Visual FoxPro articles, tips and downloads
RE: Annotate Wireframes?
I could use many editors out there like SnagIt, OneNote, Greenshot, etc. but one of the requirement is exporting as a PowerPoint or Word. The usual editors save the whole thing as an image but I am including a table with relevant ID that developers will need to code against. Most developers, like me, copy/paste the variable names and ID and etc. Exporting as an image is not going to work.
Thoughts?
Wondering if there is a macro that can create the annotated circles with numbers? That is the most time consuming piece when we take tons of wireframe sand create a design.
RE: Annotate Wireframes?
One advantage over using an image editor is that the circles, etc. will remain as separate objects, and can be independently manipulated even after adding them to the image.
Mike
__________________________________
Mike Lewis (Edinburgh, Scotland)
Visual FoxPro articles, tips and downloads
RE: Annotate Wireframes?
It would help to know the workflow that gives you the wireframe or UI. I don't understand why the tool that created the wireframe/UI cannot be used to meet your goal.
The requirement to export to PowerPoint or Word seems odd as designers/developers would probably be more comfortable in a free design app like Pencil.