Kickstart career as a UX designer

Hello Folks 👋, My name is Md. Adib and The goal of my career are to become a successful UI/UX designer. A fantastic workshop organized by Growth School sparked my interest while I was creating a case study for my portfolio. My mentor Anudeep Ayyagari taught me a few incredible things that I learned and understood. There will be practical exercises and sessions throughout the 16-day course! In my mind, “Kickstarted” means exactly that!

We begin the workshop with a live session🔴 from UX Anudeep. #studentforlife

Its Starts with questioning🙋

1. How did you know how to turn it ON/OFF the switch?
2. How did you know where the switch is?

I have to turn on/off the switch three times near me to make it work

After the explanation of those questions, The design of the switch is such that the ON/OFF switch is solved by positioning the switch in a certain manner. As a result, we begin to think about the world using the 3rd eye. This concept enables us to understand the design around us, such as switches, fans, keyboards, and other things.

In that way, UX design (User experience design) became an integral part of my career. From our third eye, we conclude that products that are easy to use and obvious are considered to be great experiences for users.

Assessment on UI, we have to redesign the Calculator design given in Figma and submit in the discord server #studentforlife

Redesign the UI of the Calculator

UX Fundamental: Jacob law.

Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

Workbook on Jacob Law

When LinkedIn launched stories, why did it make exactly like in Instagram or Whatsapp?

LinkedIn likely chose to make its Stories feature similar to Instagram and WhatsApp’s stories for several reasons:

1. Familiarity: By using a similar format and interface to Instagram and WhatsApp, LinkedIn’s Stories feature would be familiar and easy for users to understand and use. This could help to increase the adoption and usage of the feature.
2. Ease of implementation: Implementing a feature that is similar to one that has already been developed by another company can be quicker and easier than starting from scratch. This could have allowed LinkedIn to get the feature to market faster.
3. Best practices: Instagram and WhatsApp’s stories features have been successful and widely used, so LinkedIn may have looked to these features as models for best practices in terms of design and functionality.

Overall, LinkedIn’s decision to make its Stories feature similar to Instagram and WhatsApp’s stories may have been driven by a combination of factors, including familiarity, ease of implementation, and best practices.

Why do most OTT apps have a very similar pattern for discovering content?

There are several reasons why most OTT (over-the-top) apps, such as streaming video services, have a similar pattern for discovering content:

1. User expectations: Users have come to expect a certain level of consistency in the design and navigation of OTT apps, and a similar pattern for discovering content is part of this expectation.
2. Ease of use: A consistent and familiar pattern for discovering content makes it easier for users to find what they’re looking for and navigate the app. This can help to improve the user experience and increase user satisfaction.
3. Industry standards: There are certain design and navigation patterns that have become industry standards for OTT apps. By following these standards, OTT apps can ensure that their app is easy to use and meets users’ expectations.
4. Data-driven design: OTT apps often use data and user research to inform their design decisions, including the pattern for discovering content. By analyzing user behavior and feedback, OTT apps can optimize their content discovery pattern to better meet users’ needs.

Overall, the similarity in the pattern for discovering content in OTT apps is driven by a combination of user expectations, ease of use, industry standards, and data-driven design.

Why does even a modern and quirky chat app like Discord, use the same old boring icons?

There are several reasons why even modern and quirky chat apps like Discord may use traditional or “boring” icons:

1. Familiarity: Users are generally more comfortable with icons that are familiar and easy to understand. By using traditional or common icons, Discord can help ensure that users can easily understand the meaning and purpose of each icon.
2. Ease of use: Using familiar icons can also make it easier for users to use the app, as they don’t have to spend time trying to understand the meaning of unfamiliar icons. This can help improve the overall user experience.
3. Accessibility: Traditional icons are often designed to be easily recognizable, even for users with visual impairments or other disabilities. By using these types of icons, Discord can help ensure that its app is accessible to a wide range of users.
4. Branding: In some cases, an app’s choice of icons may be influenced by its branding. For example, an app with a modern and quirky brand may choose to use more unconventional or unique icons to reflect its brand identity.

Overall, the use of traditional or “boring” icons in chat apps like Discord is likely driven by a combination of factors, including familiarity, ease of use, accessibility, and branding.

Screenshot of Workbook

UX Principal: Fitts law.

Fitts’ law states that the time to acquire a target is a function of the distance to and size of the target.

Workbook on Fitt’s Law

Why are the Menu options on the bottom of the page?

The menu icons are often found on the bottom, since tapping on them is easier for users.

Why is this New payment button that big and at the bottom of the page?

Due to the fact that the payment app offers specific features for making online payments, its position at the bottom makes it easier for the user to recognize

Why is the primary Call To Action (CTA) button at the bottom of the page?

We put our call-to-action at the bottom of the page to have it more accessible.we wanted you to be sure it is 100% there for you.

Learn by making a Music app UI

My learning

01.Its is easier for the fingers to tap on those action

02. Making the actions big and bold mamkes it easy to find with eyes.

03. The elements can be quickly can be interacted with

UX Principal: Hicks Law

According to the law, increasing the number of choices will increase the time it takes for a person to make a decision.

Workbook on Hick’s Law

Why does Swiggy shows remmended options and only so few of them, when there is a full menu?

Swiggy should improve their app’s recommendations algorithm to give people more options. Change the filters so that it can show some popular dishes, as well as new ones. Customers will be able to use less data and have an easier time finding what they need!

Why does Netflix show the top 10 trending things to watch when there are lot of other options?

Netflix needs to start showing the top 10 trending things to watch instead of just the default top 10 list, so that people aren’t wasting time trying to find their best entertainment match.

Learn by making an OTT app UI

My learning

01. Lesser the number of options, the easier to decide.

02.Easier the representation of options, the easier it is to understand them.

Fundamental of Doherty Threshold

Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.

Workbook on Doherty Threshold

Why do multiple apps show these skeleton like boxes before loading the actual content?

Many apps use skeleton screens, also known as “placeholder UI,” to show a rough outline of the content that is expected to be displayed while the actual content is still loading. There are several reasons why apps might use this approach:

1. Improved user experience: Skeleton screens can help to improve the user experience by providing a visual indication that the content is loading and by giving users something to look at while they wait. This can help to reduce frustration and keep users engaged.
2. Faster perceived load time: Skeleton screens can also help to create the impression that the app is loading faster by giving users something to look at while the content is still being fetched from the server. This can help to improve the overall user experience and keep users from abandoning the app.
3. Better use of space: Skeleton screens can help to better utilize the available screen space by allowing the app to show the expected content layout before the actual content has been loaded. This can help to improve the app’s overall visual design and layout.

Overall, the use of skeleton screens in apps is driven by a desire to improve the user experience, create a faster-perceived load time, and better utilize the available screen space.

Why do apps like Uber do so many animations when the ride is being booked?

There are several reasons why apps like Uber might use animations when a ride is being booked:

1. Improved user experience: Animations can help to improve the user experience by providing visual feedback and making the app feel more interactive and dynamic. This can help to keep users engaged and make the app more enjoyable to use.
2. Loading indicator: Animations can also serve as a loading indicator, letting users know that the app is working on their request and providing a visual indication of progress. This can help to reduce frustration and keep users informed about the status of their requests.
3. Branding: In some cases, an app’s use of animations may be influenced by its branding. For example, an app with a modern and dynamic brand might use more animation to reflect its brand identity.

Overall, the use of animations in apps like Uber is likely driven by a desire to improve the user experience, provide a loading indicator, and reflect the app’s brand identity.

My Learning

01.What’s true is that we interact faster with systems that give us fast feedback. And remember, the transition time is part of this experience of speed.

02.Doherty’s Threshold dictates that a user experience turns from painful to addictive after the system feedback time drops below 400ms.

03.Progress bars help make wait times tolerable, regardless of their accuracy.

04.The animation is one way to visually engage people while loading or processing is happening in the background.

Zeigarnik Effect

People remember uncompleted or interrupted tasks better than completed tasks.

Workbook on Zeigarnik Effect

Why do multiple apps show a completion rate for things like completing a profile?

Many apps show a completion rate for tasks such as completing a profile to encourage users to complete the task and to provide feedback on their progress. There are several reasons why apps might do this:

1. Encouragement: A completion rate can serve as a form of encouragement, motivating users to finish the task and see their progress reflected in the completion rate. This can help to keep users engaged and motivated to complete the task.
2. Feedback: A completion rate can also provide feedback to users on their progress, helping them to understand how far they’ve come and how much further they have to go. This can help to keep users informed and give them a sense of accomplishment as they progress.
3. Data collection: In some cases, an app’s completion rate may also be used to collect data on user behavior and activity. By tracking the completion rate for tasks such as completing a profile, the app can gather data on how many users are completing the task and how long it takes them to do so.

Overall, the use of a completion rate in apps is likely driven by a desire to encourage users, provide feedback, and collect data on user behavior.

Why do apps like BMS gamify bookings so that you earn something?

Apps like BMS (BookMyShow) may use gamification, or the use of game-like elements in a non-game context, to encourage users to book tickets and make repeat bookings. There are several reasons why apps might do this:

1. Encouragement: Gamification can serve as a form of encouragement, motivating users to book tickets and earn rewards. This can help to keep users engaged and motivated to use the app.
2. Customer loyalty: Gamification can also help to build customer loyalty by rewarding users for their activity and encouraging repeat bookings. This can help to increase customer retention and drive long-term growth for the app.
3. Data collection: Gamification can also be used to collect data on user behavior and activity. By tracking users’ progress and activity within the gamified system, the app can gather data on how users are interacting with the app and how they are responding to different incentives and rewards.

Overall, the use of gamification in apps like BMS is likely driven by a desire to encourage users, build customer loyalty, and collect data on user behavior.

My learning

Here are a few suggestions for how you might use the Zeigarnik Effect to your advantage:

1. Break up your learning into smaller chunks: Research has shown that people tend to remember and retain information better when it is presented in smaller chunks, rather than all at once. Consider breaking up your learning into smaller, more manageable chunks and taking breaks in between to give your brain time to process and remember the information.
2. Leave some things unfinished: If you’re working on a long-term project or learning something new, try leaving some things unfinished at the end of a study session. This can create a sense of cognitive dissonance that will motivate you to come back and finish the task, helping you to remember the material better.
3. Use prompts or questions: Asking yourself questions or using prompts to guide your learning can also help to activate the Zeigarnik Effect. By leaving a question unanswered or posing a problem to solve, you can create a sense of dissonance that will motivate you to continue learning and remember the material better.
4. Create a sense of urgency: Finally, consider creating a sense of urgency or time pressure in your learning. Research has shown that people are more likely to remember and retain information when they feel that they need to act quickly or finish a task within a certain timeframe.

Conclusion

Thanks for such an informative two-week workshop. I had a blast. I am extremely grateful and thankful for such a wonderful opportunity. By doing more elaborate visualizations, I have become more confident. I have really enjoyed this journey.