UI from a UX/CX background

16 varients.png16 varients.png

This is fun but challenging for me. I've spent 30 years in the UX/CX arena (mostly a focus on customer experience design) but now find myself toying with prototypes of UI for mobile experiences. I love a challenge but also have quickly learned how little I actually know about design. I am using a real hot piece of software called Figma for prototyping and find much of it really intuitive. Plus there is so much information on the web, GitHub and YouTube which I have been voraciously consuming. 

I still grab my phone many times a day to just have a look at how some other app handles a situation. Like the "hover".

Who hovers on their phone?

I had learned how to make the 16 variants above and combine them into a single component. I felt proud of myself; baby steps. I had read a good post on Adobe's website about button design and took inspiration from that to come up with my design board for the button. Since I am mostly interested in mobile experiences (not only mobile applications but browser too) I kept thinking what is a "hover". I am writing this now on my desktop PC and of course when the mouse manoeuvres over an item a hover action might occur like the changing of a button color from black to blue. Well, that doesn't happen on my phone so I thought that the hover version might not be needed. Until I spoke with my son at lunch (yes, all home office/university life) and he said that he "hovers" on his iPad. 

I asked is that with the Pencil he uses and he said 'no'. It is when his iPad is docked and he uses the trackpad to control it. Of course, then there is a mouse again in the interface. OK, it might not be too important or often used on a mobile phone but still, a hover is still needed. Another baby step forward.

Off to the next challenge - it is now the "text entry" field. Only four variants this time. Should be easy.

/Andrew


I am redefining my skills at a time where many of us are faced with similar challenges. I dedicate to share everything I know and learn which could be of interest to others. There is no advantage to me to keep anything to myself. 

Previous
Previous

2020 BEST.YEAR.EVER. New Normal Podcast is BACK

Next
Next

2020: My Best Year - Ever!