Gestalt Principles
Important set of principles. To made your interface more simple and experience better…
Weber’s Law
When we redesign a product, we should think about how the users adapt to the changes. Usually, if your product has a drastic change, no matter how good the new design is, the users would still think the old one is better. This is a natural human behaviour.
Status Quo Bias
As humans, we rely on our emotions and experiences from our past, in order to make decisions faster. We imprint past decisions, which was deemed successful, as shortcuts in our brains…
Recognition over Recall
Asking users to name 3 things from memory consumes remarkably more brain energy than if we ask users to select 3 things from a predefined list. Every time we make users think, there is a considerable chance we will lose them and they will drop out…
Progressive Learning
We should allow novice users to learn progressively, how to use the user interface. Here, you need to lay out a clear learning path for users, one that allows them to start with basic skills and move on to something more advanced step by step, in increments.
Past experiences
“Elements tend to be perceived according to an observer’s past experience.”
Occam’s Razor
Occam’s Razor put simply, states that “the simplest solution is almost always the best.” With the flexibility and power of the web and our design tools, it is easy to get carried away. The result is a very complicated site or design that may have a lot of functionality and information, but is difficult to use, build and maintain.
Mental Models
The law states that it is significantly easier for users to understand and learn something new if they can model it off of something they already understand…
Law of Common Region
Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary.
Law of Prägnanz
People will perceive and interpret ambiguous or complex images as the simplest form possible, because it is the interpretation that requires the least cognitive effort of us.
Jakob’s law
Jakob’s law was invented by Jakob Neilsen, a user advocate. This law states that your users prefer your website to work in the same way as other websites…
Instant Expertise
Your interface you should take advantage of the user existing skills. If users can apply skills they have from other areas of their lives, you’ll save them the trouble of learning something completely new…
Hick’s Law
Law states that with every additional choice the time it will take for one to make a selection increases. In short, the more options your website has the more difficult it will be to use…
Fitts-Law
Fitts’ Law can be described as “The time required to move to a target is a function of the target size and distance to the target.”
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.
Direct Interaction
An interface should imitate the user’s interaction with the physical world by having a direct correlation between user action and interface reaction.
Completion
If your application is geared toward a purpose with an end goal, you can utilize the fact that our need for closure drive us toward a well defined end-goal…
Cognitive load
If users find interaction with an interface difficult, their mental effort or cognitive load is high. Users don’t want keep thinking about how to manipulate the interface…
Authority
People, who identify with authority figures, trust their taste and often believe that it fits their own – or at least they wish it did…
Appropriate challenges
If we give new users a task that is too hard, they are going to feel stress and anxiety. If we give users a challenge that is too easy, they will feel bored…
80 / 20 Rule
The pareto principal stipulates that 80% of outputs in a complex system are caused by 20% of total inputs. Explained simply, a large percentage of outcomes are caused by a small percentage of inputs (the actual numbers are not always 80/20.) What does this mean for web design? Lots of things.
How to develop personas?
The persona is the voice of the user; typically based on user research and incorporating user goals, needs and interests.
What is Usability testing?
Users are asked to complete tasks, typically while they are being observed by a researcher, to see where they encounter problems and experience confusion. If more people encounter similar problems, recommendations will be made to overcome these usability issues.
What is Time tracking?
Time tracking is simply the measurement and documentation of hours worked.
How to handle team communication?
Team communication is the foundation of team collaboration. To work together, you must communicate. To work together well, you have to make sure your team communication is stellar.
What is Swim lane diagram?
Swimlanes add an extra level of clarity about who does what to process flowcharts. Combining the Empathy map with the Customer Journey map will create a Swim Lane diagram. This diagram serves to create a heat map of the problems that exist within each step of the customer journey.
Do you know Scrum?
Scrum is a AGILE process framework within which people can address complex adaptive problems, while productively and creatively delivering products of the highest possible value.
Why to Learn fast and fail fast?
The sprint helps to obtain a clear vision of the goals upfront. It forces you to make critical decisions and solve complex problems fast. This means that you and your team can save months of design, engineering and development costs. The bonus? You’ll be able to get your product to market faster because you focussed on the right thing.
What is Kano analysis?
You want to create a product roadmap with the right features. There are many different reasons why you might need to include a given feature, but what do you do in order to know which ones will make your customers happy and prefer it over others. To prioritize which product features are most important to the user.
What is Kanban?
Kanban is a method for managing the creation of products with an emphasis on continual delivery while not overburdening the development team. Like Scrum, Kanban is a process designed to help teams work together more effectively.
How to Journey mapping?
Customer journey mapping has become a favourite tool for visualising the customer’s experience. But what exactly are they, how do you create them and what is the best way to use them?
Did you used Issue tracker?
Yes i was using GitLab, GitHub and Atlassian. An issue tracking system is any software application that allows you to record and follow the progress of every customer ticket or “issue” in your inbox until the problem is resolved.
How to interview stakeholders?
Interviewing people from across the business helps form a picture of where it is in the use of digital and customer service. These interviews also help me identify cultural and political barriers to change.
How to Content-strategy?
Content strategy refers to the management of pretty much any tangible media that you create and own: written, visual, downloadable — you name it. Content strategy is the piece of your marketing plan that continuously demonstrates who you are and the expertise you bring to your industry.
What is Brainstorming?
Brainstorming is a method for generating ideas to solve a design problem.
ANALITICS
User persona — A specific instance of the archetype with additional constraints, interest, and personality traits.
Agile
User persona — A specific instance of the archetype with additional constraints, interest, and personality traits.
Working methodology
working methodology Finally, few teams I encounter have established and communicated clear working methodologies. In other words, there is no formalised process.
SWOT Analysis
review cover? The scope of any review I carry out will be dependant on the type of analysis selected and the client’s business requirements. However, typically it will include areas such as:
Focus on specifications
focus on specifications Too many of the digital projects have the odds stacked against them from day one. They begin with a long specification laying out exactly what the team should be building. Specifications that are inappropriate for several reasons:
SWOT Analysis
SWOT Analysis A website SWOT analysis looks at your website in its broader context. It not only looks at the website itself but at influencing factors that are maybe holding the site back. These factors include areas such as governance, resourcing and leadership. Also, it explores untapped opportunities where the website could be providing more substantial business benefits.
research
research Of course, we can even improve a specification if we have enough information from the outset. Yet many teams seem to skip over a discovery phase because of the pressure to deliver.
One project a time
Some teams avoid the problem of prioritising by attempting to work on all projects at the same time. To placate stakeholders they juggle projects and try to keep them all moving forward.
Get the leads
LEADS My review will find ways to encourage more people to contact you via your website and ensure those who contact you are ready to buy.
Collaboration
A lack of collaboration Part of the reason teams think they can run many projects is because they see projects as linear. They attempt to “manufacture” digital solutions on a “factory line”. They hand projects off between team members. The designer does her work and then hands on to the developer and so on.
How to use Funnels?
Guiding users through a process or experience provides opportunities to persuade along the way. Set up a funnel to provide opportunities to expose users to information and activities and ultimately to persuasion.
What is Style guide?
A style guide is a document that provides guidelines for the way your brand should be presented from both a graphic and language perspective. The purpose of a style guide is to make sure that multiple contributors create in a clear and cohesive way that reflects the corporate style and ensures brand consistency with everything from design to writing
What is Storyboard?
A storyboard is a graphic organizer that plans a narrative. Storyboards are a powerful way to visually present information; the linear direction of the cells is perfect for storytelling, explaining a process, and showing the passage of time.
Can you run more sprints?
The design team would ideally conduct a few sprints ahead of the development team’s sprints. For example, if the development team is working in two-week sprints, then designers should schedule their sprints accordingly every two weeks, regardless of what type of design sprint they use.
What means Natural interface?
A natural interface is a type of user interface that is designed to feel as natural as possible to the user. The goal of an NUI is to create seamless interaction between the human and machine, making the interface itself seem to disappear. Feels natural to use because it fits the skills and context of the user.
How to get maximum from Design Sprint?
Design Sprint is a unique five day process for validating ideas and solving big challenges through prototyping and testing ideas with customers. The sprint is by far the most effective process I’ve seen to drive customer-first decision making in a design thinky way.
What is Four-step sketch method
The four-step sketch method forces you to create solutions in an effective manner whilst iterating on each variation along the way.
Why to create Empathy map?
The Empathy map is a visual way to better understand your users and prioritise their needs. The map helps to identify any key themes and problems affecting your users based on their quotes, actions, behaviours, pains and feelings captured throughout the user research and expert interviews.
How to use Design sprints?
Design Sprint is a unique five day process for validating ideas and solving big challenges through prototyping and testing ideas with customers. The sprint is by far the most effective process I’ve seen to drive customer-first decision making in a design thinky way.
Design better forms checklist
Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos and don’ts of form design. Keep in mind that these are general guideline and there are exceptions to every rule.
How to Create an Effective Customer Journey Map?
The Customer Journey map helps to visualise a customer’s end to end experience with your product or service. This allows the team to narrow down a broad challenge to a specific target for the sprint.
What are Wireframes?
Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added.
UX Design
UX Design
What are the benefits of prototyping?
A prototype, in terms of web design, is an interactive mockup of your web design. … A website prototype is essentially a high-fidelity visual version of the site that allows you to link between screens and demonstrate how the website would work before going to build.
Should i use Persuative design?
As humans, we hate to make decisions. Our minds spend enormous amounts of energy, on building shortcuts in our memory. Shortcuts that help us not reevaluate the same thing twice. Making a rational decision, based on real evidence, consumes a lot of energy in our brains…
No interface is good interface?
Golden Krishna postulates that people don’t want more screens, they want fewer. It makes little sense as to why there is such celebration regarding screen-based solutions. He goes on to make the point that designers should be trying to make our lives as easy as possible and that doesn’t necessarily require screen-based thinking.
What is The Golder Ratio?
The golden ratio is often confused with the rule of thirds, but make no mistake they are different. The golden ratio looks at what proportions are naturally most visually appealing.
Do you seek for a critigue and feedback?
Designers are masters of feedback, which is giving a user clear indication that something already happened, is currently happening or could happen in the future. Often subtle, feedback is the cornerstone of a positive experience.
What is Design Strategy?
Design strategy is the term used to describe the nexus between corporate strategy and design thinking. Corporate strategy is the traditional method that businesses and other similar entities use to identify, plan, and achieve their long term objectives and goals.
What are Design Systems?
Once the site reaches a certain size, control becomes harder. Different content contributors add to the site with little coordination. Rolling out new designs becomes hard on such an extensive website and so is done piecemeal over time. The result is a fractured user experience.
What is Design framework
You’ve probably heard these terms: design framework, UI framework, UI kit, or pattern library. They all refer to the same thing—a system of design standards, templates, UI patterns, and components that are used throughout a product and serve its design language.
How to use colors?
Color is the most important element in a UI design framework hierarchy—every single component in a design uses color. Color elicits strong reactions and emotions in people and sets the overall look, feel, and tone of a product.
What means Branding?
Understanding Branding
Website analytics
Website analytics
Themes and layouts
CMS
Sitemap
Sitemap — A bird’s-eye view showing the hierarchy of different pages in your app.
What is SVN?
SVN is simply a method used to store and access a repository. … SVN is merely a version tracker. It allows you to send file changes to an archive that tracks who changed what in each version of the files. It allows you to easily undo the changes that someone made while keeping other changes in place.
SEO
CMS
Mobile optimalization
CMS
Information architecture
Science of organizing the data on each page according to the user’s expectations. You can combine sitemap and information architecture into a single diagram.
Front-end
SVN is simply a method used to store and access a repository. … SVN is merely a version tracker. It allows you to send file changes to an archive that tracks who changed what in each version of the files. It allows you to easily undo the changes that someone made while keeping other changes in place.
Content management system
CMS
CSS3
CMS
Brackets
Brackets
Admin
CMS