Open in app

Sign In

Write

Sign In

Well Joe
Well Joe

93 Followers

Home

About

Published in

UX Planet

·Pinned

UI/UX Design: Grid System

UI/UX Design: Grid System Introduction The best way to achieve good page layout is to apply a grid system. The grid is the skeleton of the…axureboutique.com Introduction The best way to achieve good page layout is to apply a grid system. The grid is the skeleton of the design, through which we can make guided design decisions and create a better experience for our users. The history of grids When it comes to the use of grids, we go back a…

UX Design

9 min read

UI/UX Design: Grid System
UI/UX Design: Grid System
UX Design

9 min read


13 hours ago

Common Navigation and Layout Design for Mobile and Desktop: 9.Grid Menu

A grid menu is a type of menu interface that displays options in a grid-like layout, rather than a traditional vertical or horizontal list. It allows the user to browse and select from multiple categories or groupings of items at once. More contents: https://axureboutique.com Axure RP 10 downloads: Axure Libraries: https://axureboutique.com/collections/libraries Axure Templates: https://axureboutique.com/collections/templates Product & UX Tools: https://axureboutique.com/collections/ux Free Products: https://axureboutique.com/collections/free Mobile Products: https://axureboutique.com/collections/mobile

Axure

1 min read

Axure

1 min read


1 day ago

Common Navigation and Layout Design for Mobile and Desktop: 8.Segment Control

Segmented controls, also known as segmented buttons, are an interface element that allows users to select from a group of related options. They function similarly to radio buttons but within a single grouped control rather than as individual buttons. More contents: https://axureboutique.com Axure RP 10 downloads: Axure Libraries: https://axureboutique.com/collections/libraries Axure Templates: https://axureboutique.com/collections/templates Product & UX Tools: https://axureboutique.com/collections/ux Free Products: https://axureboutique.com/collections/free Mobile Products: https://axureboutique.com/collections/mobile

Axure Training

1 min read

Axure Training

1 min read


2 days ago

Common Navigation and Layout Design for Mobile and Desktop: 7.Stepper Navigation

Stepper navigation is a navigation pattern that guides users through a task or process in a step-by-step manner: More contents: https://axureboutique.com · It breaks down a complex task or process into multiple discrete steps or screens. · Each step focuses on completing a single sub-task or objective, simplifying the information for the user. · Users can navigate between the steps using forward and back buttons. · A progress indicator is often included to show users their current place in the overall process. This is usually displayed as a progress bar. · The goal is to make it easier for users to complete long-form or multi-step processes by simplifying them.

Stepper

1 min read

Stepper

1 min read


2 days ago

Common Navigation and Layout Design for Mobile and Desktop: 6.Full Screen Navigation

Full screen navigation is an interface pattern that aims to optimize the experience. Its main purpose is to simplify navigation on small screens by taking up the entire display. More contents: https://axureboutique.com Axure RP 10 downloads: Axure Libraries: https://axureboutique.com/collections/libraries Axure Templates: https://axureboutique.com/collections/templates Product & UX Tools: https://axureboutique.com/collections/ux Free Products: https://axureboutique.com/collections/free Mobile Products: https://axureboutique.com/collections/mobile

Axure

1 min read

Axure

1 min read


3 days ago

Common Navigation and Layout Design for Mobile and Desktop: 4.Swipe Navigation

Swipe navigation, also known as swipe gestures or swipe-based navigation, is a user interface interaction pattern that allows users to navigate through content or screens by swiping their fingers horizontally or vertically on a touch-enabled device. More contents: https://axureboutique.com With swipe navigation, users can swipe left or right to…

1 min read

1 min read


4 days ago

Common Navigation and Layout Design for Mobile and Desktop: 5.Collapse Side Menu

A collapsible side menu is a type of menu interface that allows users to access different features and pages of a website or application. It usually appears along one side of the screen and can be collapsed or expanded by the user. More contents: https://axureboutique.com When the menu is collapsed, users can click on an icon or swipe the edge of the screen to expand the menu and reveal a list of options or links to different pages. This allows users to easily navigate within the website or application without taking up too much screen space.

Axure Tutorial

1 min read

Axure Tutorial

1 min read


5 days ago

Common Navigation and Layout Design for Mobile and Desktop: 3.Float Action Button Navigation

A Floating Action Button (FAB) is a common user interface element often used in mobile applications and web design. It is a circular button that floats above the content of an application, typically positioned at the bottom right corner of the screen. More contents: https://axureboutique.com The primary function of a Floating Action Button is to provide quick access to a primary action. It is commonly used to trigger key actions within an application, such as creating new content, sharing content, or initiating an action. The FAB’s purpose is to make these frequently used actions more visible and easily accessible, thereby enhancing user efficiency.

Axure

1 min read

Axure

1 min read


6 days ago

Common Navigation and Layout Design for Mobile and Desktop: 2.Tab Bar Navigation

Tab bar navigation is a popular design pattern for mobile applications. It provides a convenient and easily accessible way for users to navigate between different sections or features of an app. The tab bar is typically located at the bottom of the screen, making it easily reachable with the user’s thumb. More contents: https://axureboutique.com Axure RP 10 downloads: Axure Libraries: https://axureboutique.com/collections/libraries Axure Templates: https://axureboutique.com/collections/templates Product & UX Tools: https://axureboutique.com/collections/ux Free Products: https://axureboutique.com/collections/free Mobile Products: https://axureboutique.com/collections/mobile

Axure

1 min read

Axure

1 min read


6 days ago

UX Design Self-Assessment Checklist

Imagine this. If you don’t perform a self-check on your completed design work before showing it to your boss or client, and then have to redo it due to errors, wouldn’t it be more professional to review it yourself and make corrections in advance? During the design…

12 min read

https://youtu.be/V0XqlBi7bFg
https://youtu.be/V0XqlBi7bFg

12 min read

Well Joe

Well Joe

93 Followers

Https://axureboutique.com

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams