Challenge 010 was a share idon. I tried out a new-to-me tool called Proto.io for this one (and have used it for many of the challenges since!)
Trying out @protoio today for #dailyui #010, a Share Icon. I went beyond the basic icon itself (I do love bright blues) and added in some gif-sharing context. #design #gifs #ux #ui #prototyping #challenges #learning pic.twitter.com/ngoEMLfHmD
— Jenny Hill, CPLP, CTDP (@jennyrhill) December 1, 2017
Challenge 009 was a music player. I was super enjoying the new Killers song at the time so it features prominently!
Challenge 008 was a 404 page. I made one for a fictional cloud file storage site. Tried out the iPad sizing in XD.
Daily UI challenge #007 was Settings. I did privacy settings for a blog post, based on settings from WordPress.
Today’s challenge was a “User Profile“.
The hint was
Hint: Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It’s up to you!)
I chose to go the serious route and made a user profile for a fictional keynote speaker booking site. I used Adobe XD today, and PlaceIt, to make my mockup images.
Today’s chaallenge was “App Icon“.
The hint was:
Design an app icon. What best represents the brand or product? Or is it incredibly unique? Does it look great at a distance and does it stand out when put on your home screen alongside other apps?
I found this incredibly hard. The limited space and aspect ratio, and trying to think of something and make something that would communicate the purpose and still stand out on the home screen. I definitely didn’t succeed but it was a learning experience for sure.
Today's #dailyui challenge is an app icon. This is incredibly hard! I made an icon for a fictitious morning meditation app I named "Intention". #design #learning #apps #005 #ui #ux pic.twitter.com/WretmGNGwr
— Jenny Hill, CPLP (@jennyrhill) November 23, 2017
Today’s challenge was “Calculator“.
The hint was:
Hint: Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app?
I started with a basic, standard, JavaScript calculator, and styled it to look modern with dark blues.
Today's #dailyui challenge is a calculator. I went with a simple standard one. #calculator #javascript #css #design #learning pic.twitter.com/7Kdb5bQQPY
— Jenny Hill, CPLP (@jennyrhill) November 22, 2017
Today’s challenge was: Landing Page (above the fold).
The hint was:
Hint: What’s the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.)
I thought I’d try something new so I signed up for a trial of Lander and built my design there. Here’s how it turned out:
If you want to see more, keep watching here, on Twitter, or on LinkedIn!
Today’s challenge was “Credit Card Checkout“.
Here was the hint:
Hint: Design a credit card checkout form or page. Don’t forget the important elements such as the numbers, dates, security numbers, etc. (It’s up to you!) Don’t forget to share on Dribbble and/or Twitter when you’re done.
I used MockPlus again, and quickly made up this design:
Day 2 of the #DailyUI challenge! This time, a “Credit Card Checkout”. If you want to join me sign up at https://t.co/BTTfedaznQ #UI #UX #learning #design #checkout pic.twitter.com/hHr5tKUnYW
— Jenny Hill, CPLP (@jennyrhill) November 21, 2017
Looking forward to tomorrow’s challenge!
Prompted by Mel Milloway, I decided to sign up for the 100 day Daily UI challenge. I got my first emails today and have started off!
Each challenge is decidedly open-ended. It’s interesting to see how different people interpret! Challenge #001 was simply: “Sign Up“. An additional hint was provided:
Hint: Design a sign up page, modal, form, app screen, etc. (It’s up to you!) Don’t forget to share on Dribbble and/or Twitter when you’re done.
So I decided to just jump in and go! I made this design using MockPlus. My interpretation is that people mostly hate signing up for more things, so I’ve provided a number of ways of authenticating rather than signing up directly. This form would also serve as a sign in form. Below is the tweet where I shared my mockup!
Starting to get my feet wet here with challenge 001! Want to try? Sign up at https://t.co/BTTfedaznQ #dailyui #001 #signup #signin #ui #ux #design pic.twitter.com/tQ9JssW4rn
— Jenny Hill, CPLP (@jennyrhill) November 18, 2017