LESSONS OF THE WEEK
and you also need to check out.
This week was really busy and full of work.
I have learned so much this week, and here I am with the top 3 lessons from this week.
You may know this, but for me as a junior designer, this is new, and if you find something new from this article, then clap for it and share it with your friends. Let’s start with
Personally, I am terrible at designing footers. I know you may be asking wtf.. a footer doesn’t need a design, it is a container with links to nothing else.
Yes, or No I also thought of the footer as a link box until my design manager explained to me that the footer needs to be designed well, as footer designs encourage people to further engage and interact with a website.
An empty footer doesn’t provide enough context to the user, which makes the user scroll up again, and also, on the flip side, users will be confused because they will have too many links to click.
So let’s find out the solution.
- Add CTA Section: In the footer, you should add a button to make user signup for your newsletter to give you a phone number, to download your desktop app, etc. CTA is better in the footer.
- Add Icons: Icons work on the principle of recognition than recall, which basically helps the user in less reading and also helps us with more spacing.
- Add Spacing: Spacing never hurts, One it makes the design look simple Second it makes the links easy to scan, with all the links users might get confused so space them and also give them categories.
In my most recent project, I had to design a form for the user to fill out. In most of the previous designs I have designed for companies that cater to only one country, so the phone number field doesn’t matter to me as much, but for this project, I have to make a field where users can select their country and then they have to enter their phone number. So here is what I learned.
1. Fetch the Current Location: If you have access to the location of the user through any code or cookie, then use it and show them a default country icon with the phone code.
2. Add Format: Adding the (-) sign between the numbers makes the phone field type effective and easy to read. For example, use +81 12345–67890 instead of +81 1234567890. This is also applied in the credit card fields.
3. Country Flag Helps: Having a country flag along with the country phone code helps a user because they can easily recognize their flags rather than recalling their country code, which most people don’t know.
I was recently surfing around the growth.design site and learned about Fitts’ law. It is one of the laws of UX, which means that the time to acquire a target depends upon the size and distance of the target. For example, if the button is near to the user’s thumb as well as big enough so that the user can click it easily, then the time to click it will be much less as compared to a button that is small and is at the top of the screen.
- Touch targets should be large enough for users to accurately select them.
- Touch targets should have ample spacing between them.
- Touch targets should be placed in areas of an interface that allow them to be easily acquired.
This week was great; I learned a lot of new things. I am continuously learning new things daily, so if you want to know what I am learning, clap and share your response by saying, “I Want To Learn.” Thanks for reading.
Follow me on Twitter for quick and insightful design tweets.
Subscribe here to get new articles delivered right to your inbox!
Read the full article here