Category: UX Design
-
Creating Digital Wireframes for a Desktop Screen Size in Adobe XD
In this article, we’re are going to through the process of building digital wireframes for the responsive webiste. Transitioning from low-fidelity paper wireframes to low-fidelity digital wireframes is a big step, so it’s important to ask yourself some key questions before you start: Do you have a clear understanding of the layout of the website?…
-
Common Elements Used in Responsive Design
Designing a responsive website requires that you know how to scale elements to make the best use of available screen space, from a desktop computer to a mobile phone. Adjusting your designs based on the size of the screen might mean using different amounts of text, utilizing icons, scaling the size of images, and more.…
-
Plotting Responsive Layouts
The responsive website designs must adjust to fit the platform or device being used. As reminder, responsive web design allows a website to change automatically depending on the size of the device. You can check out how your most visited sites works by just resizing the brwoser. Or you can just open the site on…
-
Common Layouts for Website Home Pages
When designing websites, it’s key to organize elements in a way that welcomes users and guides them as they navigate each page. This reading will take your knowledge one step further and examine each layout in more detail, including tips for using each one. Single column layout The single column layout features just one column…
-
Building a Sitemap
A sitemap is a diagram of a website or an app that shows how pages are prioritized, linked, and labeled. Sitemaps help outline the pages of a website you need to design and can help you spot necessary pages that you’ve forgotten to include, need to remove, or need to combine. This is useful when…
-
Best Practices for Crazy Eights
Crazy eights is a popular design ideation exercise intended to help you think of several ideas in record time. This is one of many possible ways to ideate. You’ll develop ideation methods that work best for you as you explore them over time. What’s important is to put your ideas on paper in a just…
-
Come Up With Ideas For Your Webite
The ideation process is very important in the design work. We need to explore all possible solutions to the problem statement that our users face. To come up with ideas, we will be looking at two methods, How Might We or Crazy Eghts to generate initial ideas for your design. In this article, we’ll use…
-
Create a User Story and User Journey Map
In this article, we’ll be focusing on how to create the user story, user’s journey and chart user’s pain points with a user journey map. A user story is a fictional one-sentence story told from a persona’s point of view. It should inspire and inform design decisions by prioritizing goals, uniting the team, inspiring empathic…
-
Hierarchy in Mockups
The main goal of using hierarchy in your designs is to guide the user. Hierarchy helps the user know where to focus first and what action to take. To visually understand how hierarchy works, here’s a graphic that can give you an idea of how information can be grouped. If you think of the information…