Websites occasionally don’t live up to their full potential. They remain stagnant and don’t change. Or they putter out before they launch. One way to keep that from happen is to conduct a website audit, which can highlight particular areas of interaction that don’t make sense. An audit can ferret out opportunities that improve a service.
With Notable and its annotation feature, a website audit can be used to share insights with a product team and put those ideas in context so they become clear. You can break down a page from top to bottom, highlighting areas where the interactions don’t make sense. By doing so, you’ll be able to help your team understand where the opportunities are that will enhance a service or website.
As you can see in this example, we conducted a website audit on Notable using Notable (yeah, we eat our own dog food). Here, we have a set of ideas with a clear set of actionable items on how to keep customers begging for more.
Notice something while surfing your website or app, you can snap a quick screenshot and upload it into Notable. You’ll be able to make contextual notes right on the spot without having to create a full list of things to improve. Don’t worry about not having a laundry list for your team to work on, instant feedback works great to create momentum. But your feedback will still need context, so jump right to it when the inspiration hits. Take this example of a web page very much in progress. We noticed a few opportunities to improve it and jumped right on in, taking a quick snapshot and adding notes.
Managing detailed feedback across an entire workflow can be tedious. It can also be hard to put your feedback into proper context. Notable makes it easy to see the workflow all at once. You’ll be able to contextualize your ideas by having all your feedback in one place. Having people’s attention across of series of pages makes it easier to capture their feedback. You’ll also be able to get your team onboard with your ideas with complete thoughts rather than thoughts spread too far apart.
This feature came in handy after we made changes to a workflow for a customer’s project. In one shot, we were able to show the changes in Notable and capture more feedback from the customer.
Finding a bug is never fun. You have to act fast to squash it. With Notable, you can quickly identify a bug and share it immediately when you see one. By taking a screenshot, you also are able to contextualize what’s going on, which makes it easier to identify the problem. Browser plugins also identify the browser where the bug appeared.
We were able to quickly fix an issue with the navigation bar that runs across our properties using this feature.
Say you have a few ideas for how your product or website navigation can work. But you don’t know how quite put it into words. Sketching is a great way to help clarify those ideas. Low fidelity sketches can come in handy when you want to provide your team with a solid visualization of how your product or site will function. It also allows your team to iterate faster and faster through those ideas. You can also get feedback and buy-in from your team by tossing those lo-fi sketches into Notable. You can also collect feedback from the management team once the business objectives for your project have been set.
When it came to sketching out pages for our revamped ZURBwired page, we were able to explain the direction we were headed and collect feedback on those ideas.
Getting stuck in endless requirement documents can stall a project. Using Notable, you can easily clarify with your development team on how specific interactions should work. You can focus on defining the interactions without be caught up in pages and pages of requirement docs.
When it came to the development of Solidify, we were able to nail down the first flow of interactions we implemented.
Surfing your site or product from your iPhone and notice something you want to highlight quickly? With Notable’s native iOS app, you can capture live webpages from your iPhone or iPad and upload them directly into Notable. When you’re able to access your browser from a desktop or laptop, your screencap will be waiting for you to annotate so you can give feedback to your team.
We used this feature to actually highlight early issues with the link and capture device of Notable’s iOS native app.
The service team often comes across things that might not always be seen immediately by the product and engineering teams. That’s because the service team is in constant contact with customers throughout the day. Notable makes it easy for the service team to capture bugs and share them with the product and engineering teams. Having visual and contextual notes helps the people fixing the bugs understand exactly what is wrong.
Notable also makes it easy to catalog all the issues without having to create a ticket. Notable also works well with most bug-tracking software. Here are a few examples of how we’ve used Notable to highlight bugs and note what exactly was happening.
We no longer control where our designs are going to be viewed. We can’t design with one specific device in mind, but you knew that already. We have to design across multiple devices, responsively. With Notable, you can share feedback on multiple views of a responsive webpage within the browser.
But it can be difficult to describe problems with layout when multiple devices are affected by changes in code. However, as you can see with this example, you’ll be able to keep your feedback across multiple views centralized.
Check out our other product design apps in the ZURBapps suite