Daily UI 018 Analytics chart

Pickles makes a come back. unfortunately this time he is not well. My analytics chart is for an app that monitors your pet’s symptoms. This is timely for me given my own moggy has just had pancreatitis!

chart mockup on mobile phone

Daily UI 017 Email receipt

It’s so easy to shop online today. It’s great if you live out of town and just don’t have specialty shops near you. Or if like me you live in NZ, somethings you just can’t get in the shops here, so have to import them. One of the important steps in any transaction is the receipt – The thing that proves you’ve paid for your goods. Here is my version of an email receipt.

Daily UI 014 Countdown Timer

“It’s the final countdown.. do do doo dooo” Now we all have that Europe ear worm stuck in our heads, here is my attempt at Daily UI challenge number 14.

Its hard to fully appreciate a dynamic timer in a static image. The concept though is the centre number is minutes and the seconds is in the little circle, which moves around the outer circle clockwise (like a second hand), darkening the largest space behind it as it goes. Every time it gets to the top. the minute ticks over and the outer circle resets to light blue.

Illustration of a timer

Daily UI 012 E-Commerce Shop (Single Item)

Trying to make up time here. Cheating really, as I have not had time to design something from scratch.This is a screenshot of a website I used to have. It was a free WordPress template that I then modified with custom CSS. So although technically not entirely my design given the base layout was provided. I did overwrite certain elements to make them look how I wanted.

Screenshot of e-commerce site for jewellery and art objects

Daily UI 010 Social share

The interwebs has allowed us to share like never before. Photos of the most magnificent scenery down to the insignificant…what we had for lunch.

The share function has become integral to websites and social media platforms. Facebook your tweet, Pin your Insta – Anyway you can, spread your content widely and share it with the world, whether it wants it or not…

Here is my design for a share button with some popular channels for images.

Mockup of share buttons linked to a photograph

Music player musings

I said I struggled with the last challenge. I have been looking at what I designed and I can definitely see some problems with it.

The major issue I think is that the album/song images are displayed on a carousel type thing – were the user can swipe to move to the next song. That in itself is not a problem, But I have put clickable elements on it such as the search and menu. so if the user try to tap one of these they may accidentally move the carousel. Big usability fail!!

Illustration of a iphone music player app

Music player take two

To solve this I have moved the menu and associated control above the carousel. This was a minor rejig but would make the usability much better.

I changed the colours a bit too, not for usability, just cos I felt like it.

Illustration of music player with new layout