UI UX LD Kirrily: April 2021

Tuesday 27 April 2021

Certified UI Designer

Dog walking app (mid fidelity) submitted last week, now assessed.

UI certified. Thanks RMIT

"The earner of this credential have a comprehensive understanding of the latest tools, techniques and best practice in UI design and experience. They are able to critically assess different UI methodologies, design and iterate an app interface and use a range of design methodologies and software tools to produce and test their own prototype from the ground up. User Interface Design is developed in partnership with Symplicit."

Wednesday 21 April 2021

User Testing / Dog walking app

Bruno’s Best Friend Prototype by Kirrily Schell

“ ... makes me want to be a walker. I like the cream tones with the grey text. It's gentle and friendly”

Link to Figma file - Low/Mid Fidelity

Task for User Test: Find a walker and pay in person

Key insights: I think you should make your calendar page the go forward page.

User wanted to swipe to view walkers – [I just didn’t get to this in Figma] – next iteration as it is key to the specific Userflow.
User went to Booking page before filling in required details [ iterated several times around these choose walker/booking pages.] *Resolved / iterated - Booking now takes you straight to the form. Needs another iteration and test to see how it goes.
User pressed the words “add to calendar, not the icon” on the Payment Success page 4. User wanted to make a booking straight away throught the Calnder icon in the bottom nav bar

General insights:

Calendar at bottom would be pre-planned bookings and add to calendar (some confusion /needs rethink)
I don’t know if “Bruno’s Best Friend is an app or am I trying to find a friend?”
User clicks on text. Eg: Check my bookings
Can you add services? Or is it just dog walking?

Resolve:

Regarding Userflow, the Calendar can function as the booking page. This is the main UI I need to focus on for this iteration.

The function of the Calendar link.

My plan was to have it available as a check your bookings and change your bookings - but for many it would be the go to initially as the make a booking. So I need to iterate my userflow.

In general the app needs more iterations

Usability, visual design [Atomic Design], consistency - look at more Design Systems
Information heirarchy
Responsive design / For example I am thinking about thumbs and what they do - and how this fits into responsiveness.
Plus a general look through Figma resources: Figma templates, UI kits and resources

Monday 19 April 2021

Prototype / mid fidelity

Need to go through and align much of the content.

I’ll repost when finished.

This is just looking at file on my phone - not to Figma Mirror (so, not actual alignment)

Almost ready for first round of user tests. Really a low fidelity...

But as the visual design is apparent I’m calling it mid

Lots of place holder things in here also Just remaining in scope of project and getting on board all of the joy Figma has to offer

And yes I need to move things around. I’m excited by this part. Can see myself becoming mega efficient with my components.

Tuesday 13 April 2021

Gestalt Principles

UI Inspiration / Libby - Overdrive

I love this UI

Libby (new app released by Overdrive) access to digital library resources. Once signed in with your local library card links to e-reading resources "over 60000 anywhere in the world"

ebooks and audiobooks

These are screenshots from my phone.

It is beautiful