Daily UI, 002 – Create a Credit Card Checkout

Continuing with my fictional practice hall, The Sesh House, I decided to create a checkout screen for room reservations. As a challenge I chose an iPad format in landscape orientation. Overall I am pretty happy with my results.

Results

Considerations

• User must be able to cancel the payment process
• User must be able to edit their order
• User must be able to edit their billing and shipping address
• Text must have minimum color contrast of 4.5:1 with surrounding color
• Error messaging must be presented close to the field in error and the form field in error must have a visual cue.
• Keyboard focus indication must be highly visible on all interactive elements in the tab order
• The two edit buttons will need to have unique information added to their programmatic labels

Future Changes

• Add a mechanisim to change item quantity, delete item, or save for later in the Order Summary
• Reevaluate how the billing info is displayed
• Create an additinal view in potrait

Tools

I chose InDesign 2020 over Illustrator for this challenge and found the program to be very easy to manipulate and change on the fly.

Advertisement

Daily UI – Day 1, Create a Sign Up Form

I have embarked on a quest to become a better designer and learn a few new skills over the next 100 days. Through the Daily UI challenge I hope to refine my Adobe Creative Suite skills, discover new things about interface and UX design, and hopefully hone my writing craft as well.

Daily UI challenge 1 tasked me to create a sign up form. I decided to create a practice room reservation form for a fictional organization called “The Sesh House”. A “Sesh” is a term that often refers to a group of folk musicians who are out having a good time frequenting the local watering holes and playing music. Fair warning, I am a bagpiper by heart and by culture so folk music may be a reoccuring theme. See my results below.

The Results

Screen 1. What user encounters without performing an action

Screen 3. Form displaying dropdown for
Room Type

Screen 2. Form displaying duration dropdown with scroll

Screen 4. Form displaying form field errors

Considerations

• Limited color pallete helped me to focus on the necessary components of the form
• Collected necessary information to contact the user with available revervation times
• Ensured that required format examples were included in the form field labels
• Ensured that labels were adjacent to the form field
• Ensured that visual cues and instructions to correct the error were provided
• Ensured that contrast of text met 4.5:1 contrast ration with surrounding color

Future Changes

If I were to continue developing this prototype these are the changes I might make

• Fill the form fields with white or lighten the gray color
• Add a radio group to ask if the user would like to be contacted via phone or email
• If more information needs to be collected I would add a second page and make edits to account for multi page forms

Tools

• Adobe Illustrator (Pixel 2 demension)

10 Global problems that you are interested in solving – Best Self Co Edison Deck Day 3

In no particular order:

1. Arts programs in many places being cut
2. Inaccessible Internet
3. Social Media abuse
4. Deforestation
5. Health care costs
6. Costs of accessibility equipment
7. Declining Bee Population
8. Insufficient Mental Health Services
9. Social Stigmatising of the “Other” or the “Different”
10. People who pus the tooth paste out from the top of the tube instead of the bottom

10 Guiding Principles for Your Life and Career – Best Self Co Edison Deck Day 2

Today’s prompt is rather deep. It really makes you stop and think about yourself. Since this exercise is meant to be quick they may not all make sense or fleshed out.

Below are my 10 Guiding Principles for my life and career:

1. Be kind to yourself and others
2. Embrace adventure. Unexpected or unplanned things can be fun
3. Sometimes you really should have a plan
4. You are not responsible for other people’s emotions or actions
5. Take the time to figure out how you define yourself and then embrace it and be proud
6. Be open to learning new things.
7. Listen more than you talk (I’m still working on this one, just call me Chatty Cathy)
8. Accept speaking engagements if there is an opportunity to do. Network
9. Listen to your first thoughts and analysis with your second thoughts but also listen to your gut
10. Listen to and play music loudly and on repeat if it lifts your spirits

10 Coffee Table books that I would like exist – Best Self Co Edison Deck Day 1

Sometime in February I got suckered in by a pesky Facebook Ad for a Free 13 Week Road Map Poster by Best Self Co. This company offers beautifully designed and high quality organizational items such as planners, notebooks and action pads. I guess the algorithms that follow us in our digital lives know that I’m trying to work on myself and had no idea where to start.

The poster came and so did an email with a 50% coupon and suggestions for card decks they developed to practice decision making, idea generation, journal writing– all of the things that I feel I am really bad at and wanted to work on.

Yep, I bought all three.

This post marks the beginning of my journey through the Edison Deck which contains 100 prompts to think about. Today’s prompt is “10 Coffee table books you’d like to exist” and they are as follows:

1. Historical Bagpipes & Bagpipe Makers
2. Folk Music Sessions
3. Highland Cows in the US and Scotland
4. Accessibility Aids, Tools & Devices
5. Modern Web Comics
6. The life and Music of Martyn Bennett and Gordon Duncan
7. Showcase of adaptive musical instruments
8. Rubber Ducks
9. Tartan and Plaid Shirts
10. Pictures of good Cable Management

If I get more time I may come back and edit this to include explanations but my lunch hours is almost up and I used much of it to write the first three paragraphs! Stay tuned for tomorrow’s list!

 

Hello!

My name is Casey Buchanan-Smith and much like everyone else I still don’t have everything figured out. I started this blog in an attempt to spark my creativity, practice writing skills and share what I am learning. Topics might include what I am reading, projects I am working on, accessible web design. Lets see where this goes.