Daily UI #004 - a calculator - prototyping and UXpin adventures

This is a reviewed design

This is a case study that I wrote in 2017, and reviewed a year later. Last year, I was lucky enough to talk to David Pasztor at UX studio who reviewed my portfolio and helped me with improving my designs – for which I can’t be thankful enough!

So here it is, the first part is last year’s design, the second part is a design from 2018.

2017. May 14.

It’s the weekend, I’m done with all my exams and both sitebuilding course and Norwegian lessons start next month… what to do? My next Daily UI task was creating a calculator which was done in 30-ish. So I thought – hey, this is the perfect opportunity to try and make a prototype!

I usually spend 3-4 hours on a UI. It includes inspiration, research, sketches, testing buttons and features on notes, at least. And then I make the final, one interface that I post eventually. However I know where every single link navigates and what buttons do what, and why.

But compared to a landing page, a calculator is a short task. I decided to spend the remaining time with learning about prototyping and interactions. My goal was a prototype that is enough for a few seconds long GIF.

So I headed over to UXpin, because that seemed to be the most popular prototyping tool. Started my free trial and created the main screen there. After that, I created a menu, and a history panel, too. I spent the next hour discovering the features, reading up  on interactions in UXpin articles. Following some guides and common sense, I managed to create my precious GIF:

2018. May 22.

I have been reviewing my designs, and – as recommended – created a cleaner design for my calculator project.