Archive for the ‘Usability’ Category.

Are wireframes outdated?

The Blog post on “Forget the Wireframes, Throw Away Your Boxy Layouts — Design BIG!” points to the idea that people should think “outside the box” or “outside the wireframe”.

At least that is what the title of the post tries to convey. The author Fernandes Wendell claims that:

…many online portfolios out there have much of the same old look and feel: boxy, wireframed and boring look. My suggestion is to get away from this usual, tired style. These types of layouts are overdone…

I totally agree with him on the point that many designs are looking the same, specially if you’re working in WordPress. The basis of all design should be to have a rough concept and outline on how you’re gonna design your interface, let alone on where elements are going to be placed. If you decide to place a banner a bit more to the left or right and whether you gonna have a background picture which is not following a straight line, then it will surely still follow A line..in other words, I do not believe that “forgetting the wireframes” is the way forward.

Nontheless, it is an interesting article and is a good read for GUI designers


Getting where you want to be …

Rapid Paper Prototyping

If one wants to save cost and distress when designing a web-project, he should consider using a method called ‘Rapid Paper Prototyping’.

pidoco° uses the web-based prototyping  software solution which not only promises saving time but also aims to create better usability and creative concepts for the Internet, Web-Portal and E-Commerce website sectors.

The ‘Rapid Paper Prototyping’ method has already been established as THE way to get a web-application started. The basic concepts of the layout will be put on paper and discussed within the team. This prototype will then be used by the experts and put through a refinement process by implementing the gathered feedback from the different decision makers  and of the needed functionalities. This paper-built prototype will be the stepping stone and act as a guide for the whole project – until it is finished.

Some screen-designers use hand-drawn imagery for running usability tests which can already reveal certain problems before starting the actual programming of the project.  By using this method, companies often save valuable time and money and do not need to make a lot of changes to their intitial plans.

However, there are some drawbacks to ‘Rapid Paper Prototyping‘.  They are difficult to add to the project documentation and also difficult to share between the different team-members. That is why many companies see the need for creating their prototypes directly in MS PowerPoint or MS Visio and have them distributed to the relevant sources. Yes, that way one can share the data more effectively but is not much more interactive than making copies of that piece of paper and handing it to the team. The prototypes still do not show the real functionality and therfore outlines yet another major drawback to ‘Rapid Paper Prototyping’;  links, dynamic menus and work-flow can not be reproduced effectively and need to be explained individually.  Again, more time and effort has to be invested..

pidoco° has spotted this problem and made it their duty to tackle this problem by providing a solution for such scenarios in form of a prototyping tool. The Berlin-based firm developes a complete usability suite which ties in with the outlined scenarios of ‘concept vs implementation‘.

Usability Suite

editorThe pidoco° usability suite consists of three main elements which work in conjunction with each other. They speed up the web-production and optimize the general workflow.

Clickable prototypes  are quickly drafted through the drag ‘n drop capabilities of the ‘Prototype Creator’ and which later can easily be reviewd in the ‘Prototype Reviewer’ by other team-members.  If there is a need for even more in-depth feedback on individual aspects of the prototype, the solution is to make use of the ‘Remote Usability Tester’. It will surely satisfy the most detailed questions which could arise,  since it offers live, one-on-one phone conversations with additional mouse-tracking features.  Those features  increase productivity and ease communication between the team and they are also easily accessible through a browser window – no installation of any kind is necessary!

Rapid Paper Prototyping in the Websketchplain

The ‘Prototype Creator‘ offers many drag ‘n drop interface building blocks (radio buttons, frames, combo-boxes etc..) which can create a complete web or software interface within minutes. There is no need for previous programming knowledge since all the linking and other functionalities are already in place. The only thing one has to do is to connect the elements  via the mouse  and they are ready to go! This way, the designer can conceive the complete click-patterns of the end-user and evaluate the gathered performance ratios.

Even if screen designs have been made in (eg. Photoshop), pidoco°’s usability suite can be put to use in very effective ways.  Ready made screenshots, menu bars and animated gif’s can be easily imported and added to the wireframe outline. This way, making a perfect composition of real-life graphic design and pidoco°wireframe usability is done in just a few minutes. No matter if it’s just a basic wireframe or fully fletched GUI prototyping, all the prototypes created with pidoco° can be shared and reviewed by the relevant members via an invite function found in pidoco°’s repository.

Reviewing the Ready-Made Prototype

dragdropBy making use of the invite function the designer can get valuable feedback from team-members and discuss the prototype’s functionality. The ‘Prototype Creator‘ can send an invitation link via email to one or more people via a simple mouse click and can also decide whether the invited will be able to simply see, review or even be able to modify the wireframe. The invited will simply receive an instant email with a link to the prototype and can view it as if he was visiting a normal website on the www. He can then use the review function and per drag ‘n drop and point to the specific elements which he wants to comment on. All comments can be viewed by the other party which can be then used for further discussion. The huge advantage:  since all comments are recorded and point to the specific elements in question, communication is made more efficient. Also, all decision-making can easily be understood and reconstructed even after a prolonged period of time!

Putting the comments and discussion points into one communication hub, the administration of the gathered feedback is made simple and effective. By exporting the prototypes to different formats (HTML, SVG, CSV) it is then possible to re-use the gathered information on other platforms.

Remote Usability Testingremote

If you need even more in-depth feedback on the wireframe usability of your web project, you may well want to make use of the ‘Remote Usability Tester’. Its capabilities will ensure future success to your project since it has certain review elements which can test your prototype in several very effective ways:

With the ‘Remote Usability Tester’ it is possible to test the prototype with a proband which can be as far away as India or Peru.  Both will be connected via a live telephone connection and a shared screen. The moderator can then ask the proband to make use or solve specific tasks with the prototype and can view via the mouse-tracking module how the different tasks are being executed. Image and sound of the test session is recorded and stored , which gives the possibility to fully evaluate the test session at any later point in time. Thereby, iterative conception is possible before starting to hard code the project in itself!

Prototyping and Usability Testing: All-in-One! annotation

Overall, pidoco° offers an all-round software solution which can be deployed in all kinds of conceptual and practical areas.  It speeds up the overall production time and facilitates easy communication and access on a global scale. Website usability testing is made easier than ever before and the pidoco° prototyping tool certainly has the potential to improve your prototype applications whilst helping you to gain better feedback from users and developers alike.


Prototyping is also Testing

Yesterday evening we had an exciting session at our local Usability Meetup. The topic was “remote usability testing”, which we divided into asynchronous and synchronous testing. The part of asynchronous testing was covered by Sabrina Mach from FeraLabs, who came from England to visit Berlin.

During the second part we explained synchronous remote usability testing. The setup is very simple, a moderator invites a test user via the web to a moderated usability test. We were able to demo for the first time our remote testing module, which allows for executing remote usability tests for pidoco° prototypes. Our development team did a great job during the past year to develop a system where the test user is invited by a simple email and just needs a browser, an internet connection, and a telephone. The moderator can watch the session live and later on replay the whole session for a detailed evaluation. The Remote Usability Tester will soon be available as closed beta. Watch this blog for further details.

After the presentations we moved on for some drinks with still a big group of people. It has been a pleasure to chat with all the people, especially with our guests from England. The next event will be Friday 17th when the 10th IA Cocktail Hour takes place. See you there.


Usability vs User Experience

For all of you who still have difficulties in distinguishing Usability from User Experience, there is a great post (in German language) on the uxzentrisch blog that is a follow up on two sessions of the UXcamp back in May this year. Tobias Jordans compares two opinions, which he collected in video interviews: at first the virtual keynote from Jesse James Garret that they showed at the UXcamp, and second a follow up interview with Knut Polkehn to his session “What the heck is Usability?”.

Both conclude that Usability is a part of User Experience, because User Experience includes more aspects than just the usability of a product. What I liked in Knut’s conclusion is that he does not care that much of the concrete terms but sees the similarities in both approaches (Usability Engineering vs UX Engineering).


Calculate the ROI of your Usability Work

Just seen on User Effect | Strategic Website Usability blog: a tool to calculate the return on investment of your usability work. Simply add the numbers for # visitors / month, monthly sales, profit per sale, and your costs and you’ll get a table showing you how many months it takes for the payoff in case of different conversion rate improvements.

In case you have to sell your usability projects, you can easily impress your manager with some nice figures.


Our BarCamp HH Session

This weekend it was BarCamp time again. We enjoyed two wonderful days in Hamburg. Although I didn’t attend that many sessions, there were some quite interesting ones. For example, Malte showed us the Joose meta object system for JavaScript. I was quite impressed by the work they did. If we hadn’t written that much JavaScript already, this is definitively worth considering to use.

On Sunday, I gave a session as well. I used the slides of Ellen Reitmayr and Tino from their World Usability Day Workshop some days ago, which you can see below. Again we were able to fill the room with lots of interested people. And just in BarCamp style, there was no problem at all to have an interactive session. Judging from the feedback we got, there will be several people coming back to pidoco° on December 1st when we officially launch the Prototype Creator.

However, a BarCamp wouldn’t be such a great event if there were no organizing team and sponsors in the background. Thanks for the great venue, especially the food was excellent! And special thanks to Christian for hosting us.