페이지에 머물게 하기

페이지에 머물게 하기 (Stay on the Page)

가능한 한 많은 문제를 같은 페이지 안에서 해결하고, 새로운 페이지로 넘어가는 것을 피하세요. 페이지가 새로고침 되거나 넘어가면 변화맹(change blindness)이 생길 수 있고, 사용자의 정신적 흐름(flow)도 끊어지거든요.

변화맹 (Change Blindness) 은 시각적 자극에 변화가 생겼을 때 관찰자가 그 변화를 알아차리지 못하는 놀라운 지각 현상이에요. 사람의 변화 탐지 능력이 낮은 것은 인간 주의력의 근본적 한계를 반영한다고 이야기돼요. — 위키피디아 'Change blindness' 항목에서.

흐름 (Flow) 은 '몰입(zone)'이라고도 불러요. 어떤 활동을 하는 사람이 활기찬 집중, 완전한 몰입, 과정 자체에 대한 즐거움에 완전히 빠져드는 정신 상태를 말해요. — 위키피디아 'Flow' 항목에서.

출처: 문서

본문

오버레이 (Overlays)

인레이 (Inlays)

가상 페이지 (Virtual Pages)

상호작용 디자인 과정에서 오버레이는 현재 페이지 위의 한 층에 추가 상호작용이나 콘텐츠를 띄우는 방법이에요. 인레이는 페이지 자체 안에서 그렇게 하는 방식이죠. 그런데 사용자를 현재 페이지에 계속 붙잡아 두는 또 하나의 강력한 방법이 바로 가상 페이지(virtual page) 를 만드는 거예요. 즉, 더 큰 가상 페이지의 환상을 만들어 내는 것이죠.

프로세스 흐름 (Process Flows)

웹에서는 각 단계를 별도의 페이지로 나누는 것이 오랫동안 흔한 관행이었어요. 문제를 쪼개는 가장 단순한 방법일 수는 있지만, 항상 최선의 해결책이 되지는 않아요. 일부 프로세스 흐름에서는 전체 과정 동안 사용자를 같은 페이지에 머물게 하는 것이 더 합리적일 때가 있어요.

더 알아보기 (Learn more)

• 상호작용 개요 (Interaction Overview) — 피드백과 흐름 유지
• Ant Design 소개 — 디자인 원칙 접근
• Modal 컴포넌트 — 이중 확인 오버레이의 대안 살펴보기