For Optimal Workshop I worked on different online tools for testing usability. My assignment was to make a mobile version of their (desktop based) online tools. Their online tools are:
Treejack Information Architecture Validation Software
Reframer A qualitative research tool
Keeping the same user experience on a mobile version as of the online version.
To avoid irregularities in the test results, the mobile version and the online version need to have the same (or as close as possible) user experience. I achieved that by using different methods. By using longtouch, drag, pinch to zoom and a seperated menu, I was able to keep the app clear and good to use on a smaller screen.
What is Chalkmark
Chalkmark is an online tool to do ‘First click’ testing on screenshots and visual designs.
How to handle screenshots that are bigger than the screen on the device you are doing the test from.
The screenshot is first shown in full screen. The user can use ‘pinch to zoom’ to have a look at the original size of the screenshot. Scrollbars will appear for extra clarification that the image is bigger then the screen. By taping on the screenshot the user completes the task that has been given.