Daniel Abbott UX Portfolio
UX Research, UX Design and User Testing by London based Designer Daniel Abbott.
The user reads from left to right. Image first (using the arrows to scroll through views of the product), then copy. The hierarchy of elements enhance digestion of information. During development we introduced thumbnails for alternative views to increase engagement.
Showing an image thumbnail for search results was intended to help the user find what they are looking for but this became confusing when there were multiple views available for the products.
It was important to remain disciplined and spend time sketching before jumping into any wireframing software. I sketched multiple ideas and then began to verify the sketches by creating paper prototypes that I hostpotted using POP app.
I took to Sketch very quickly having already had years of experience using Adobe Illustrator and Photoshop. It was quick to mock up wireframes, create styles and symbols. I would later introduce the Sketch workflow at the agency that I was working for.
The protoype was a result of all the research, sketching, user journey mapping, content planning and wireframing that had been undertaken so far.
This iteration was tested at The Guardian user testing lab.
The user testing session was tough. The users were confused by the UI. It was much less conventional than I had thought.
Users were taking the onboarding aspect of the app very seriously and I had only mocked this up very quickly. I had to revisit this in much more detail.
The second iteration of the prototype included amendments to features and onboarding following the user testing session. I also began to apply UI design by adding fonts, colour, opacity and images to create a high fidelity prototype.