How many times have you entered a website and found literally nothing? We are not only talking about the architecture itself, but about the arrangement of the elements and their choreography, the layout. Why don’t you find what you are looking for? Is it your fault? No.
Everyone tends to blame themselves when they don’t understand a page, but unless it’s the first time you’ve seen a website, I doubt it has much to do with your cognitive abilities when surfing. This is where Jakob’s law comes in, which says «Users spend most of their time on other sites, and they prefer your site to work the same way as all the other sites they already know«.
Jakob Nielsen, the web usability guru, commented in 2000 in the article «End of Web Design» that users have a tendency to develop mental models based on previous and accumulated experience of other sites, what does this mean?
A mental model is, in Jakob’s words, «what the user believes about the system in question», that is, how the user believes the system works; this concept is closely related to affordance. If we generate a mental model, and it coincides with the real use of the system, there will be no friction when learning it, but if it does not coincide, it will create frustration because the system will not work as expected.
If we are able to align the mental models of our target (through surveys, user persons, design conventions…), the user will be able to focus on performing the task, not on learning the system.
In conclusion, if we use design patterns and conventions, align the user’s mental model with our product, and make incremental changes little by little in our design (Snapchat case), we will decrease the friction when using it, lowering the error rate and increasing thelearnability.
Articles & Ideas
With repeated practice, users develop imprecise memory of objects and content in a UI, but still need additional visual and textual signals to help them find a specific item. Page Laubheimer
You’re paid to make great design decisions. But how? Chris Lee
To improve customer experience, organizations can choose solutions ranging from low to high investment and impact, depending on their current state, budget, risk tolerance, transformation readiness, and unmet needs. Kim Salazar
How the Floating Action Button became a Material Design icon. Jordan Kushins
Terms, Types, and Taxonomy to Describe Visual Style. Nathan Curtis
You probably can’t write text that conveys the entire meaning of a chart. But, that doesn’t mean that you shouldn’t try. Amy Cesal
Wurman proposed that there are five possible methods: He called his framework LATCH, which stands for the five methods: Location, Alphabet, Time, Category, and Hierarchy. Let’s look at how each of these methods might work on the web. Saeid Azizi
Don’t skip design. Learn design and code, by building real apps with React and Swift. Complete courses about the best tools.
Have you ever needed to create a type scale following an 8 point baseline grid, or really any grid, and had to spend extra time figuring out what should be the right line-height for every text size in the scale? No worries! The good line-height calculates the exact number so it always fits the baseline grid!
From Figma app prototype to iOS and Android app. No-code. The best native app builder that turns your Figma app prototype into native iOS and Android app without writing code.
A collection of the best landing pages with a focus on copywriting and design.
Master Classes, Live Workshops and Courses from industry leaders: develop skills, get live feedback & make connections with the world’s largest community of digital thinkers.
Launch your coding journey. Learn web development by building three unique projects in two weeks within a supportive community. No prior experience necessary — join the cohort today.
Machine learning for creators. Bring the power of artificial intelligence to your creative projects with an intuitive and simple visual interface. Start exploring new ways of creating today.
Build your new career in UX design! Our UX Academy students receive 1 on 1 online training as well as help landing your first product design job.
Clevertech uses digital innovation to solve real world challenges, backed by 18 years’ experience and a professional, solutions-focused team of engineers.
DockYard is a digital product agency offering custom software, mobile, and web application development consulting.