기본 공유 창을 쓰는 이유
예전엔 페이스북·트위터 버튼을 줄줄이 붙였지만, 사용자가 실제로 쓰는 앱은 사람마다 달라요. 공유 시트는 운영체제가 사용자의 앱과 자주 연락하는 사람을 보여줘서 더 잘 맞아요(Apple, n.d.; Android Developers, n.d.). 버튼을 많이 늘어놓으면 힉의 법칙(Hick, 1952)처럼 고르는 시간이 늘고 선택 과부하가 생겨요. 공유 시트는 대개 바텀 시트 형태로 올라와요.
미리보기와 링크
공유된 링크가 어떻게 보이는지도 중요해요. 안드로이드는 공유 창 위에 제목과 썸네일 미리보기를 붙일 수 있어요(Android Developers, n.d.). 웹 페이지는 오픈 그래프 정보로 메신저 미리보기를 정해요. 버거와 밀크먼(2012)은 감정을 크게 움직이는 콘텐츠가 많이 공유된다고 보였어요. 그러니 공유 버튼은 사용자가 감탄하거나 성취한 순간 가까이에 두는 게 자연스러워요.
웹 공유와 접근성
웹에서는 navigator.share()로 기본 공유 창을 열 수 있지만, 사용자 동작이 필요하고 지원하지 않는 브라우저도 있어요(MDN, n.d.; web.dev, n.d.). 지원하지 않으면 링크 복사 버튼을 대안으로 보여줘요. 공유 아이콘은 iOS와 안드로이드 모양이 다르니 플랫폼에 맞추고, WCAG 2.2(W3C, 2023)의 4.1.2처럼 '공유'라는 이름을 붙여요.
자주 묻는 질문
- 직접 SNS 버튼을 만들면 안 되나요?
- 특정 채널을 강조해야 하면 쓸 수 있지만, 대개는 기본 공유 시트가 사용자에게 더 잘 맞아요.
- 웹 공유가 안 되는 브라우저는요?
- 지원 여부를 확인한 뒤 링크 복사 버튼 같은 대안을 보여줘요.
출처 검토일: 2026-10-27
참고문헌
- Apple. (n.d.). Activity views. Human Interface Guidelines. iOS 공유 시트(활동 뷰)의 구성과 맞춤 동작을 다뤄, 시스템 공유 시트를 쓸 때 참고하면 도움이 돼요.
- Android Developers. (n.d.). Send simple data to other apps. 안드로이드 Sharesheet 사용과 미리보기 설정을 다뤄, 공유 내용 미리보기를 만들 때 참고하면 도움이 돼요.
- MDN Web Docs. (n.d.). Navigator: share() method. 웹에서 기기 기본 공유 창을 여는 방법과 지원 확인을 다뤄, 미지원 브라우저 대안을 정할 때 참고하면 도움이 돼요.
- web.dev. (n.d.). Integrate with the OS sharing UI with the Web Share API. 웹 공유 구현 예시와 사용자 동작 조건을 다뤄, 웹 앱 공유 버튼을 만들 때 참고하면 도움이 돼요.
- Berger, J., & Milkman, K. L. (2012). What makes online content viral? Journal of Marketing Research, 49(2), 192–205. 어떤 콘텐츠가 많이 공유되는지 분석해, 공유 버튼을 어디에 둘지 판단할 때 참고하면 도움이 돼요.
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 선택지가 많을수록 고르는 시간이 늘어난다는 연구라, 공유 대상 목록을 줄일 때 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 아이콘 버튼의 이름(4.1.2)과 일관된 식별(3.2.4) 기준이 있어, 공유 아이콘을 설계할 때 참고하면 도움이 돼요.