brunch

어떤 공유 아이콘이 가장 직관적일까?

by UXUI 니디자인랩

공유 아이콘 UI 종류


■ 세 점이 연결된 모습

공/노드 스타일

가장 보편적으로 사용됩니다. ‘공유’의 연결, 확산 이미지를 직관적으로 전달합니다.


image.png?type=w1

■ 화살표

아웃박스/내보내기 스타일

콘텐츠에서 바깥으로 ‘내보내는’ 이미지. 종종 우상향 또는 오른쪽을 향한 화살표로 표현하며, 상자 밖으로 화살표가 나가는 모양이 많습니다.


image.png?type=w1

■ 페이퍼플레인

종이비행기 형태

메시지 전송, 공유와 연관 지어 많이 사용됩니다. 특히 SNS나 메신저에서 자주 보입니다.


9f9c3f1907365cdfd54bc715ed225504.jpg

■ 혼합 타입

아이콘+텍스트

공유 아이콘 옆에 “공유” 등 텍스트를 덧붙여 의미를 보조적으로 부여하기도 합니다.

아이콘과 텍스트를 함께 사용할 때는 아이콘이 먼저 오도록, 그리드 정렬이 맞도록 주의하기.




사람들이 가장 친숙하게 느끼는 공유 아이콘


플랫폼에 따라 다르지만, 전 세계적으로 아래 두 가지가 가장 널리 인식되고 있습니다.


세 점이 연결된 노드형 공유 아이콘

Android(구글)의 대표적인 공유 아이콘으로, 세 개의 점이 선으로 연결된 모습입니다. 많은 앱과 웹사이트에서 이 모양을 사용해서, 모바일 환경의 다수 사용자들이 가장 직관적으로 인식하는 아이콘 중 하나입니다.


image.png?type=w1

상자에서 위로 나가는 화살표

(아웃박스, Uploader 또는 Outgoing Tray 타입)

Apple(iOS, macOS)에서 사용되는 대표적인 공유 아이콘으로, 상자(트레이) 모양에서 화살표가 바깥으로 나가는 형태입니다. iPhone, iPad, Mac과 같은 애플 기기에 익숙한 사용자들이 이 형태를 공유 아이콘으로 자연스럽게 받아들이고 있습니다.




iOS/안드로이드 폰에 사용되고 있는 아이콘


image.png?type=w1


image.png?type=w1

애플 계열에서는 상자 밖으로 나가는 화살표



안드로이드에서는 세 개의 점이 연결된 ‘노드 타입’




만약 플랫폼에 무관하게 단 하나를 써야 한다면?


image.png?type=w1

‘outgoing tray(상자 + 화살표)’ 형식이 가장 많은 사용자들이 의미를 직관적으로 이해할 가능성이 높은 것으로 평가받고 있습니다. 이 아이콘은 공유라는 행동의 방향성과 행위를 잘 표현하며, 애플 기기에서뿐 아니라 다양한 서비스에서도 많이 채택되고 있기 때문입니다.

keyword
작가의 이전글서비스 출시 전, 90%가 놓치는 것: UX 라이팅