Home-theater-designers
햄버거 버튼이 맛있을 것 같죠? 배고플 수도 있지만 햄버거 버튼은 사실 햄버거와 아무 관련이 없습니다. 믿거나 말거나 앱의 메뉴 버튼에 일반적으로 사용되는 용어입니다.
사실 우리 대부분은 이 아이콘을 매일 사용합니다. 앱에서 메뉴 또는 탐색 모음을 전환하는 동안 표시되는 세 개의 누적 선이 있는 아이콘은 햄버거 버튼입니다.
그렇다면 이 이름은 어디에서 왔으며 왜 사용됩니까? 알아 보자.
햄버거 버튼의 기원
햄버거 버튼은 1980년대부터 존재했습니다. 그 이름은 햄버거를 닮은 세 개의 굵은 수평선이 있는 디자인에서 따왔습니다. 접을 수 있는 메뉴 아이콘이라고도 하는 햄버거 버튼은 Norm Cox가 만든 Xerox Star 사용자 인터페이스의 일부입니다. 최초의 현대 상업용 개인용 컴퓨터.
당시의 디자인 한계로 인해 추가 옵션이 있는 메뉴를 나타내는 아이콘은 단순해야 했습니다. 세 개의 평행한 굵은 선은 사용자 인터페이스에 미니멀한 모습을 제공하여 요구 사항을 충족했습니다. 선은 그 안에 포함된 옵션 및 기능의 수직 목록을 추상적으로 묘사한 것입니다.
햄버거 아이콘이 인기를 얻은 이유는 무엇입니까?
버거 아이콘은 스마트폰과 모바일 앱의 등장으로 더욱 유명해졌습니다. 새롭고 더 작은 사용자 인터페이스로 인해 화면의 대부분의 옵션에 맞추기가 어려웠습니다. 탐색의 용이함을 제공하기 위해 개발자는 메뉴 안에 그것들을 밀어 넣어야 했고, 햄버거 아이콘은 이 목적에 유용한 것으로 판명되었습니다.
어떤 앱이 먼저 사용했는지는 논쟁의 여지가 있지만 Twitter의 Tweetie 앱은 아이콘을 사용한 최초의 최신 앱 중 하나였을 수 있습니다. 얼마 지나지 않아 햄버거 아이콘은 Facebook과 Google이 모바일 앱에 채택하면서 더 큰 인기를 얻었습니다.
아이콘의 깔끔한 모양과 명확한 목적으로 인해 햄버거 버튼은 그 이후로 앱과 웹사이트에서 탐색 옵션을 배치하는 이동 아이콘이 되었습니다.
햄버거 아이콘은 무엇에 사용됩니까?
위에서 언급했듯이 아이콘의 디자인은 원래 목적을 설명합니다. 그 목적은 오늘날에도 거의 동일합니다.
그러나 기술과 디자인의 발전으로 인해 앱에서 햄버거 아이콘의 기능은 이제 더 매끄럽습니다. 이제 화면 측면에서 밀거나 접히는 메뉴에 자주 사용됩니다. 아이콘을 탭하면 다양한 옵션과 기능을 선택할 수 있는 사이드 메뉴가 열립니다.
다음은 Samsung Galaxy Store 앱에서 사용되는 햄버거 아이콘의 예입니다. 왼쪽 상단 모서리에 있는 아이콘을 탭하면 다양한 메뉴 옵션에 액세스할 수 있습니다.
이미지 갤러리 (2 이미지) 확장하다 확장하다 닫다사람들이 새로운 앱을 사용할 때 화면의 다양한 아이콘을 해석하기 어려울 수 있습니다. 햄버거 아이콘의 가장 큰 장점은 모바일 디자인에 익숙한 사람이라면 누구나 바로 알아볼 수 있다는 점입니다. 아이콘이 널리 퍼져 있어 별다른 설명 없이도 쉽게 이해할 수 있습니다.
햄버거 아이콘은 공간을 거의 차지하지 않아 다른 요소를 방해하지 않고 화면의 아무 곳에나 배치할 수 있습니다. 모든 것이 화면의 기본 페이지에 속하는 것은 아니므로 아이콘은 탐색 요소에 대해 미리 정의된 위치를 제공하는 데 효과적입니다.
관련된: Android에서 앱에 대한 사용자 정의 아이콘을 설정하는 방법
오늘 햄버거 메뉴에 무슨 일이?
지금까지 살펴본 것처럼 햄버거 버튼은 탐색의 용이성과 깔끔한 사용자 인터페이스와 같은 많은 이점을 제공합니다. 그러나 여기에는 몇 가지 단점이 포함되어 있어 앱 개발자가 다른 대안을 고려하게 되었습니다.
윈도우 10 테마 2018 무료 다운로드
휴대전화의 디스플레이가 계속 커짐에 따라 햄버거 버튼이 있는 위치에 도달하기가 점점 더 어려워지고 있습니다. 이것은 사용자 경험을 덜 매력적으로 만들고 앱 사용을 덜 편안하게 만듭니다.
앱을 처음 열면 당연히 주요 기능을 찾게 됩니다. 햄버거 아이콘은 종종 대부분의 중요한 옵션을 숨겨서 새 사용자가 인터페이스를 쉽게 찾을 수 없게 만듭니다.
또한 메뉴 버튼 안에 눈에 띄는 기능을 넣으면 덜 중요하게 느껴집니다. 이러한 옵션이 홈 화면에 표시할 만큼 중요하지 않다면 체크아웃할 가치가 없을 수도 있다고 생각하게 만듭니다.
햄버거 아이콘의 대안
탐색 막대는 메뉴 버튼을 구성하는 보다 대중적이고 효율적인 방법이 되었습니다. 메뉴 아이콘 뒤에 중요한 기능을 숨기는 대신 탐색 모음은 홈 화면에 여러 아이콘을 정렬합니다.
탐색 모음은 이해하기 쉽고 더 매력적인 메뉴 아이콘을 제공합니다. 햄버거 버튼은 이러한 명확성이 부족하여 동일한 수준의 참여를 얻지 못합니다.
한 예로 Google Play Store는 탐색 모음으로 인터페이스를 재설계하여 인터페이스를 단순화했습니다. 하단에 있는 해당 막대는 중요한 기능을 보여줍니다. 다른 옵션에 액세스하려면 오른쪽 상단 모서리에 있는 프로필 아이콘을 탭합니다.
이미지 갤러리 (2 이미지) 확장하다 확장하다 닫다탐색 모음을 사용하면 홈 화면에서 더 많은 핵심 기능을 볼 수 있습니다. 바에서 여러 아이콘을 한 눈에 볼 수 있습니다. 또한 이러한 막대는 일반적으로 햄버거 아이콘이 있는 오른쪽 상단 또는 왼쪽 상단보다 훨씬 쉽게 도달할 수 있는 화면 하단에 있습니다.
관련된: 루트가 없는 Android에서 컬러 탐색 모음을 얻는 방법
햄버거 아이콘과 마찬가지로 탐색 모음에도 단점이 있습니다. 그들은 최고의 기능을 전면에 배치하지만 4 또는 5개의 선택으로만 제한됩니다. 따라서 앱이 더 중요한 기능을 표시하려면 탐색 모음 외에 다른 것을 사용해야 합니다.
아마도 가장 좋은 방법은 탐색 모음과 햄버거 아이콘을 모두 통합하는 것입니다. 탐색 모음은 앱의 강조 표시된 기능을 표시할 수 있고 다른 기능은 햄버거 아이콘에 숨겨져 있을 수 있습니다.
페이스북이 대표적인 예다. 탐색 모음에서 햄버거 메뉴를 눌러 다른 모든 기능에 액세스할 수 있습니다.
햄버거 아이콘의 미래
햄버거 버튼은 오래전부터 이동 메뉴 아이콘으로 사용되어 왔으며 대부분의 사람들에게 익숙합니다. 미니멀한 접근 방식과 명확한 목적으로 인해 스마트폰을 사용해 본 사람이라면 누구나 널리 알 수 있습니다.
그러나 버거 아이콘의 몇 가지 단점으로 인해 Google Play Store, Instagram 및 Twitter를 비롯한 많은 인기 앱이 대신 탐색 모음을 채택하기 시작했습니다. 탐색 모음은 햄버거 아이콘에 대한 더 나은 대안이 될 수 있지만 아직 모든 앱에 완전히 통합되지는 않았습니다. 결과적으로 한동안 햄버거 아이콘이 계속 사용되는 것을 볼 수 있습니다.
햄버거 아이콘은 완벽하지 않지만 대체 탐색 요소와 결합하여 개선할 수 있습니다. 앱에서 사용하는 도구가 무엇이든 사용자에게 명확한지 확인하는 것이 중요합니다.
공유하다 공유하다 트위터 이메일 Facebook 메신저 아이콘 및 기호: 그 의미는 무엇입니까?여기에서 모든 Facebook Messenger 아이콘과 기호의 의미와 올바르게 사용하는 방법을 설명합니다.
다음 읽기 관련 항목- 기술 설명
- 기계적 인조 인간
- 기계적 인조 인간
- 설계
- 술어
Shreeya는 기술 애호가이며 최신 기술 발전을 따라가는 것을 즐깁니다. 그녀가 기술에 대해 글을 쓰지 않을 때 여행을 가거나 좋아하는 소설을 읽는 것을 볼 수 있습니다!
Shreeya Deshpande가 참여한 작품 더보기뉴스레터 구독
뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!
구독하려면 여기를 클릭하세요.