Forem: Devfasttt

Justifying Jakob's Law

Devfasttt — Tue, 24 Jan 2023 18:17:59 +0000

Design Crazy: S1 E4: The Crazy Design Blog by the humans @ Devfasttt!

Hello Humans to this blog, where we Justify Jakob's Law😛

Backstory time: Jakob Nielsen, a User Advocate and principal of the Nielsen Norman Group, which he co-founded with Dr. Donald A. Norman (former VP of research at Apple Computer), coined the phrase "Jakob's Law". Dr. Nielsen founded the 'discount usability engineering' movement to improve user interfaces quickly and cheaply, and he invented several usability methods, including heuristic evaluation.

_So back to the topic at hand... What is the Jakob's Law? Users spend the majority of their time on other sites.
This means that users prefer your site to function in the same way as all the other sites they are familiar with. _

This law also applies to mobile applications and other digital products. By understanding Jakob's Law and designing interfaces that are consistent with users' existing mental models, designers can create interfaces that are more intuitive and easy to use.

It's important to note that Jakob's Law is not meant to discourage innovation or creativity, but to provide a foundation of familiar design patterns to build on, so users can quickly understand and start to use a new digital product or service.

So the Key takeaways for you:

🏡Visitors will transfer their expectations from one familiar product to others that bear any resemblance to it whatsoever.

🧠💻We can create superior user experiences by leveraging existing mental models, allowing users to focus on their tasks rather than learning new models.

🦕When making changes, minimize discord by empowering users to continue using a familiar version for a limited time.

A Humongous Article on the Hick’s Law

Devfasttt — Mon, 23 Jan 2023 09:21:25 +0000

Design Crazy: S1 E3: The Crazy Design Blog by the humans @ Devfasttt!

Hello People to yet another, boring explanation of the Hick’s Law. 🙃

Backstory everybody: William Edmund Hick and Ray Hyman, a British and American psychology duo, are the creators of Hick's Law (also known as the Hick-Hyman Law). These researchers set out to examine the connection between the quantity of inputs present and a person's response time to each input in 1952. It seems logical that the more stimuli a user has to pick from, the more time it takes for them to decide which one to select. Users that are presented with numerous alternatives must take the time to comprehend and make decisions, which results in them having to do work they don't want to do.

So, getting back to the question we began with: What is the Hick’s Law?
The more options there are and the more complicated they are, the more time it takes for the user to decide.

Decision-making time will rise logarithmically as the number of options increases.

So the Key takeaways for you:

⚡Avoid overwhelming the user by providing an overwhelming number of choices.

🦄Break complex tasks into smaller steps in order to decrease cognitive load.

🐎Providing such smaller choices reduces immediate mental load, as well as makes the product "easy to use".

❤️Try providing Recommended picks to avoid overloading consumers.

🍪Don't simplify things to the point of abstraction.

Did we miss out something? Share your 💭💭 in the comments 🤩 below! 👇 We'll be waiting for your thoughts!

All About the Aesthetic-Usability Effect

Devfasttt — Fri, 20 Jan 2023 20:53:02 +0000

Design Crazy: S1 E2: The Crazy Design Blog by the humans @ Devfasttt!

Hello again to another mind-numbing explanation of the Aesthetic-Usability Effect 🤩

Ok, flashback-story time📆: I once spent a total of 3 days obsessing over how difficult-to-use and not at all fitting into design principles my UI design and after a complete feeling of worthlessness and continued imposter syndrom, decided to send it to the client anyways, and when I asked them about their feedback, all my so, very, extremely, critical client, could talk about was how great my site's color scheme was!!

Ok back to the Aesthetic-Usability Effect:

A little backstory everybody: Human-computer interaction researchers first delved into the aesthetic-usability effect in 1995. 26 different revisions of an ATM user interface were examined by Masaaki Kurosu and Kaori Kashimura of the Hitachi Design Center. The 252 study participants were asked to evaluate each design's efficiency and aesthetic appeal. They revealed a stronger correlation between the participants' impressions of ease of use and visual appeal than between actual ease of use and those evaluations. Kurosu and Kashimura arrived at the conclusion that even though users attempt to assess the system's fundamental functionality, they are still significantly influenced by the aesthetic pleasantness of any given interface.

So coming back to our original question: What is the Aesthetic-Usability Effect? and why should I give a damn? According to the Aesthetic-Usability Effect, users almost always perceive aesthetically pleasing designs as those more superior, usability wise. Even if something isn't more productive or efficient, people often conclude that it will operate better if it looks better.

So the Key takeaways for you:

🥲 A design's attractiveness might successfully conceal usability concerns and keep them from coming to light during usability testing. (phew!)

👆 works because 👇

🎭 People's minds react positively to attractive💃 designs, which leads them to believe that the design truly functions😶‍🌫️ better.

🔭 As a rule of the (hidden) thumb: When a product or service has an appealing design, users generally, unconsciously put up with small usability flaws.

❤️ Interfaces that are aesthetically appealing are worth the investment. Appealing visual designs have the unintended consequence of making your site appear orderly, well-designed, and professional. Users are more likely to try a visually appealing site, and they are more forgiving of minor issues.

Dumbing Down da Doherty Threshold 💫

Devfasttt — Mon, 26 Dec 2022 18:08:26 +0000

Design Crazy: S1 E1: The Crazy Design Blog by the humans @ Devfasttt!

Ok, if you're here, welcome humans to a mind-numbing explanation of the Doherty Threshold 💫🤩

A little backstory everybody: In 1982, Walter J. Doherty and Ahrvind J. Thadani presented a research report in the IBM Systems Journal which transformed the previous norm for computer response timing from 2,000 milliseconds (2 seconds) to 400 milliseconds. This program was considered to be "addictive" to users when a human instruction was executed and answered in less than 400 milliseconds, which was considered to transcend the Doherty threshold.

So coming back to our original question: What the hell is the Doherty Threshold?
According to Doherty's Threshold, when the system feedback time falls below 400ms, a user experience changes from being agonizing to being addictive.

Doherty had a notion that this might be taking place as a user was cognitively storing the sequence of events he planned to execute. His train of thought was disrupted by the device's slow reaction times, which ultimately reduced his productivity.

So the Key takeaways for you:

💫 Even when a procedure actually takes considerably less time, imposing a delay on purpose can boost faith in it and raise the perceived value of the process.

🤩 Enhance response times and lessen the sense of waiting by using perceived performance.

🧋 One method of keeping visitors' attention while loading or processing is taking place in the background is animation.

🎭 Irrespective of their accuracy, progress bars aid in rendering wait durations bearable.

🧩 Productivity goes up in much more than direct proportion to the response time reduction.

🔭 To hold the users' attention and boost productivity, give system feedback within 400 milliseconds.

Did we miss out something? Share your 💭💭 in the comments 🤩 below! 👇👇 We'll be waiting for your thoughts!

Top 5 amazing websites to get free web fonts 🤩🧵

Devfasttt — Sun, 25 Dec 2022 18:38:25 +0000

1. Google Fonts

http://fonts.google.com
This is a classic one, almost everyone who has ever been in the web dev industry, has used The Google fonts website atleast once!
If you haven't already, this one is an absolute classic.
Google fonts is a high-quality library of over 1474+ open source font families and APIs for convenient use via CSS and Android.

2. Fonts.com

http://fonts.com
The Fonts.com store offers more than 150,000 desktop and Web font products for you to preview, purchase and download. There are also over 1,300+ free font families that can be filtered by font weight, width, language etc.

3. Dafont Free

https://www.dafontfree.io/
This library is actively offering over 180000+ free fonts just for you to download. With Dafont Free, you can browse fonts by alphabetical listing, categories and more. Above all, Dafont Free is absolutely free for both Personal & Commercial Use. So what are you waiting for? Check it out now!!

4. 1001 Fonts

http://1001fonts.com
This amazing library offers over 41988+ free fonts in 23564 families. You also get Free licenses for commercial use and Direct font downloads. It is compatible with Mac, Windows & Linux!
You can even submit a font or get together with the wonderful community. Personally speaking, this is a must try for all junior devs out there!

5. FontSpace

http://fontspace.com
With over 1,00,000+ Free Fonts and Free downloads of legally licensed fonts that are perfect for your design projects, this website also provides 15 fresh, handpicked font picks for you each month so that you don't ever run out of the tons of fonts offered!

Did we miss out something? Share your 💭💭 in the comments 🤩 below! 👇👇 We'll be waiting for your thoughts!