[UXUI 학습일지] Opening Links in New Browser Windows and Tabs

https://www.nngroup.com/articles/new-browser-windows-and-tabs/

Opening Links in New Browser Windows and Tabs

 

1999년대 이래로 웹 사용성 가이드는 새로운 윈도우을 여는 것을 삼가왔음. 이는 현재 윈도우 탭까지 이어짐

• 많은 윈도우는 사용자를 어수선하게하고, 정리하는데 더 많은 노력을 들게 함
• 사용자가 방향을 잃거나 새탭이 열렸다는 사실을 인지하지 못할 수 있음. 특히 모바일 환경에서.
• 새 창이나 탭 조정에 어려움을 느끼는 사용자가 있음. 특히 모바일 에서.
• 새 창과 탭은 Back버튼의 동작을 막음

새로운 창이 열리는게 좋은 경우

• 사용자가 다른 창에서 작업을 완료하려면 해당 내용을 참조해야하는 경우
• 두가지의 완전히 다른 종류의 컨텐츠를 보여주는 경우
• 유저가 우리 사이트에 오래 머무르도록 할 수 있는 경우

고려해야할 요소

• 맥락
  • 사용자가 새창/새탭을 조정할 충분한 시간적,심리적 여유가 있는가?
• 장치
  • 모바일인가? → 새창 비선호
• 과업
  • 4가지의 경우가 있음
  • 내용을 비교하면서 진행해야하는 경우
  • 내용을 묶는 경우
  • 항목에 대한 자세한 정보를 제공하는 경우
  • 다른 것에 접근하는 목록일 때
  → 대체로 사용자가 완료후 창을 닫아버리는 것들임

When to Avoid Opening New Windows and Tabs

• 정보에 대한 빠른 탐색이 필요할 때
• 회원가입 등의 Multistep 워크 플로우
  • 이전의 내용 손실에 대한 염려 없이 이전 창을 사용자가 닫을 가능성이 있음
• 이미 많은 창이 띄워져 있을 때

사용자는 너무 다양하고, 보편적인 방법을 택하는데에는 어려움이 있음.

따라서 맥락적인 메세지나 아이콘을 통해 새 창이 열리는지 / 페이지가 넘어가는지 나타내주는 것이 좋음.

PDFs and Other NonHTML Documents

pdf나 스프레드시트같은 문서는 HTML과 완전히 다른 환경이기 때문에 사용자에게 혼란을 줄 수 있음

HTML 형식에 삽입하는 형태로 보여주는 것이 좋음

다른 대안들

• 원본 파일을 다운로드
• PDF 문서를 새로운 탭에서 열기