tag Navigation

標籤
貢獻37
24
11:52 AM · Nov 17 ,2025
vitaly-friedman 頭像 sven-lennartz 頭像 anastasios-karafillis 頭像 jacob-gube 頭像 matt-cronin 頭像 louis-lazaris 頭像 nickbabich 頭像 shavaughn-haack 頭像 christian-holst 頭像 sarah-kahn 頭像 marko-dugonjic 頭像 paul-boag 頭像

@Navigation / 博客 RSS 訂閱

jacob-gube 頭像

Jacob Gube - Module Tabs in Web Design: Best Practices and Solutions

A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (

Techniques , Showcases , Navigation , Tabs , Inspiration

收藏 評論

shavaughn-haack 頭像

Shavaughn Haack - Original And Innovative Web Layouts

The layout is the foundation of your website. It guides the user through the sections and tells them what is most important. It also sets the aesthetic of the website. Therefore, you need to careful

Navigation , Inspiration , Web Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Designing Effective Breadcrumbs Navigation

Nobody gets particularly excited about breadcrumbs navigation. You know, those tiny little crumbles of pathways that illustrate where a user currently is in the intricate hierarchy of the website. T

Navigation , ux , Usability , Web Design

收藏 評論

anastasios-karafillis 頭像

Anastasios Karafillis - Efficiently Simplifying Navigation, Part 3: Interaction Design

Having addressed the information architecture and the various systems of navigation in the first two articles of this series, the last step is to efficiently simplify the navigation experience — spe

Techniques , Navigation , ux

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Accessible Target Sizes Cheatsheet

Rage taps are annoying and frustrating. These wonderful occurrences in our interface when we need to tap twice or sometimes three times to continue our journeys. Of course, sometimes they happen bec

mobile , Navigation , ux

收藏 評論

jon-rundle 頭像

Jon Rundle - Responsive Navigation On Complex Websites

Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation

Techniques , Responsive Design , mobile , Navigation , Css

收藏 評論

sven-lennartz 頭像

Sven Lennartz - Splash Pages: Do We Really Need Them?

Yes, sometimes we do. Should we use them? No, we probably shouldn’t. Splash screen (or splash page) is a front page of a web-site that don’t provide the actual content, but offers visitors some kind

Flash , Navigation , ux , Usability

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Say Goodbye To Frustrating Navigation, With Navigation Queries

When designing interfaces, we often focus on the usual suspects. How do we design better mega-menus and carousels? How do we support users with better breadcrumbs? How do we better display our sideb

Design Patterns , Navigation , ux

收藏 評論

anastasios-karafillis 頭像

Anastasios Karafillis - Efficiently Simplifying Navigation, Part 1: Information Architecture

Navigation, as crucial as it is to the user experience, is merely a means to an end — the end being to consume content. This is why users have very contrasting expectations about content and navigat

Navigation , ux

收藏 評論

greg-nudelman 頭像

Greg Nudelman - C-Swipe: An Ergonomic Solution To Navigation Fragmentation On Android

There are 3,997 different Android devices. Your navigation should work with all of them. C-Swipe can help: It is an alternative navigation pattern for tablets and mobile devices that is novel, ergon

Trends , mobile , Navigation , Apps , Content , Android

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Navigation Menus: Trends and Examples

Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements w

Showcases , Navigation , Inspiration , Web Design

收藏 評論

jacob-gube 頭像

Jacob Gube - Breadcrumbs In Web Design: Examples And Best Practices

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application. The term comes from the Hansel and Gretel fairy tale

Showcases , Navigation , Inspiration , Web Design

收藏 評論

john-ferrara 頭像

John Ferrara - Playful UX Design: Building A Better Game

I sincerely believe that the user experience community should add game design to its toolbox of competencies. If we’re truly committed to creating satisfying user experiences, then there’s no reason

Navigation , ux , Inspiration , Games

收藏 評論

sven-lennartz 頭像

Sven Lennartz - Paper Strips Menus

The beauty of an excellent design lies in designer’s attention to smallest details. Conventions are our friends; however, to stand out, a design needs a creative spin, an elegant play of colors, som

Showcases , Navigation , Inspiration

收藏 評論

janos-racz 頭像

János Rácz - Create A Fancy Sliding Menu With jQuery

One of the great advantages of creating interactive websites is being able to dynamically hide and reveal parts of your content. Not only does it make for a more interesting user experience, but it

Navigation , coding , jquery

收藏 評論

marco-kunz 頭像

Marco Hengstenberg - Mobile Navigation For Smashing Magazine: A Case Study

Since we started plodding around on this rock in space, human beings have always been dissatisfied with their environment — which is (mostly) a good thing. Otherwise we might still live in caves, fe

Techniques , Navigation , coding , Css , Case Studies

收藏 評論

sarah-kahn 頭像

Sarah & Adrienne Kahn - Showcase Of Creative Navigation Menus: Good And Bad Examples

Good navigation is the main cornerstone of an effective website. In practice, however, it’s often a tough challenge to come up with a meaningful, unambiguous way to organize, arrange, and display co

Showcases , Navigation , Web Design , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Designing Sticky Menus: UX Guidelines

We often rely on sticky headers to point user’s attention to critical features or calls to action. Think of sidebar navigation, CTAs, sticky headers and footers, “fixed” rows or columns in tables, a

Guides , Navigation , ux

收藏 評論

marko-dugonjic 頭像

Marko Dugonjić - Redesigning SGS’ Seven-Level Navigation System: A Case Study

SGS (formerly Société Générale de Surveillance) is a global service organization and provider of inspection, verification, testing and certification services across 14 industries. SGS’ website (alon

Responsive Design , mobile , Navigation , coding

收藏 評論

nickbabich 頭像

Nick Babich - The Golden Rules Of Bottom Navigation Design

Design is more than just good looks – something all designers should know. Design also covers how users engage with a product. Whether it’s a site or app, it’s more like a conversation. Navigation i

mobile , Navigation , Experience Design , ux , Apps , Sponsored Content , Usability

收藏 評論

daniel-waisberg 頭像

Daniel Waisberg - Optimizing Error Pages: Creating Opportunities Out Of Mistakes

In this article, we’ll review a few techniques that will help Web designers and UI professionals improve their error pages in order to engage visitors and improve the experience. As C.S. Lewis said,

Errors , optimization , Navigation , Web Design , Design

收藏 評論

shavaughn-haack 頭像

Shavaughn Haack - Creative And Innovative Navigation Designs

A website has a personality — it is a reflection of the person or organization behind it. When people visit your website, you want it to stand out from the crowd, to be memorable. You want people to

Navigation , Inspiration , Web Design , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Designing Navigation for Mobile: Design Patterns and Best Practices

When it comes to complex navigation on mobile, we often think about hamburger menus, full-page overlays, animated slide-in-menus, and a wide range of nested accordions. Not all of these options perf

Design Patterns , Navigation , ux

收藏 評論

sven-lennartz 頭像

Sven Lennartz - Pagination – Examples And Good Practices

Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it is for users to follow your arguments and get the message you are

Showcases , Navigation , Web Design , Design

收藏 評論