- Example by http://www.farengambrill.com/
Wireframes. UX professionals are quite used to and comfortable creating these, however annotating meaningful is still a major challenge for many. There was a time I created wireframes with no annotations, and haven been employed in a role where annotations have been critical, I had to learn fast. One didn’t have the luxury of communicating face to face with developers because they were in another country so clear and concise annotations were extremely valuable.
Now, I love to tell stories about how everything connects in the world, but a developer who has a deadline has no time for this, maybe after work in a pub. Learning how to write useful annotations has been under the guidance of very helpful ‘bosses’ who would edit my work, and we would extract what was most valuable depending on the situation or context.
Things to be mindful of;
1. The Audience – Who will use the wireframes, drop any technical speech, it should be in language that everyone can understand.
2. The Use – Currently some of my wireframe documents double as a technical documentation for developers, so there is a lot of revision being done, updates which are necessary in case some else picks it up. You should be prepared to make any change and keep a note of it.
I began thinking about how to make annotations work harder, after an issue that made me point the developers to a particular implementation solution which was done via email. I thought I would have saved everyone’s time if I had just put this in the wireframes. So annotations go from just describing the interaction but also suggesting possible ways to implement the interactions. Even if they cannot build it that way due to one reason (technical constraints, time limit, low resource ) or the other, It creates an open and collaborative environment where everyone learns to help each other out.
An example would be a scenario where you want replicate the Amazon flyout menu . You can describe it, but it would be useful if you can point them to an implementation method like Ben Kamens’s breakdown