본문 바로가기

전체 글

게슈탈트 원리 사례 (1) 게슈탈트 원리는 사용자가 정보를 더 쉽게 이해하고 기억할 수 있도록 하는 기능도 포함하고 있습니다.이런 측면에서 사용자가 더 쉽게 이해하고 기억할 수 있도록 하는 기능이 뭐가 있을지 알아보도록 하겠습니다.  게슈탈트 원리 연속성 날씨의 일일 정보 표시 우리가 날씨 앱을 이용하거나 구글 혹은 네이버, 다음과 같은 웹 사이트를 이용해서 오늘의 날씨를 검색해본다고 가정해보겠습니다.여기서 출력되는건 오늘 하루 동안의 날씨(해, 비, 구름, 눈) 등과 같은 정보와 습도, 온도 까지 알 수 있으며, 오늘 대기질이 어떤지 까지에 대한 정보도 알 수 있습니다.검색 했을 때 오전 날씨만 출력되는 것이 아니라 오후와 저녁도 예보를 확인할 수 있기 때문에 오늘 하루 날씨를 연속성 있게 확인할 수 있습니다.  기차역 노선도 .. 더보기
게슈탈트 원리 단점 게슈탈트 원리를 잘 활용하게 되면 유저에게 시각적인 정보 전달을 도울 수 있습니다.하지만 과하게 사용할 경우 단점이 발생할 수도 있습니다.게슈탈트의 원리가 불편함을 초래했던 사례를 알아보도록 하겠습니다.  과도한 정보 전달 뭐든지 과하게 전달되면 불편함을 초래할 수 있습니다.예를 들어서 우리가 온라인 쇼핑몰에서 청바지를 사려고 합니다.그런데 추천 상품이 무수히 많이 나온다면 어떻게 될까요?내가 사고 싶은 디자인이 있지만 그 디자인과 별개로 원하지 않는 디자인이 최상단에 노출되면서 그 아래도 쭈욱!! 비슷한 디자인이 노출된다면 지금 필요하지 않은 정보이지만 과도하게 전달하게 되는 상태가 발생할 수 있겠죠 이렇게 되면 정작 필요한 항목에 대한 접근성이 떨어질 수 있을 것으로 봅니다.  유사성 오해 게슈탈트 .. 더보기
게슈탈트 원리 장점 게슈탈트 원리는 무언가를 사용하는 사용자가 항목에 대하여 하나 하나 나눠진 것으로 인식하기 보다는전체를 보고 쉽게 인식한다는 법칙입니다.그럼 이런 게슈탈트 원리가 적용된 사례를 알아보도록 하겠습니다. 사용자 경험 개선 다양한 사례 중 구글의 검색창을 예시로 들어보도록 하겠습니다.구글의 검색창은 오로지 검색에만 집중할 수 있도록 검색창을 화면의 중앙에 배치하고 이 기능을 제공하고 있습니다.눈에 직관적으로 보이는 기능은 검색창이란 것은 오로지 검색에 대한 접근성이 높게 나타날 수 있다고 봅니다.또한 오로지 검색에만 집중할 수 있기 때문에 불필요한 기능을 최소화할 수 있습니다.  정보 전달 향상  명확하게 정보를 전달하는 사례를 통해 알아보겠습니다.우리가 이케아에 갔습니다. 가서 책장을 하나 샀습니다. 집에 .. 더보기
제이콥의 법칙 단점 제이콥의 법칙은 사용자에게 익숙한 패턴을 제공하여 학습 시간과 사용 시 오류를 줄이는 등의 효과를 기대할 수 있는 방식입니다.이미 익숙한 조작 방식이거나 익숙한 형태의 디자인이 제공되는 것을 기반으로 하기 때문 제이콥의 법칙에도 단점이 있을 수 있습니다.  보편화된 디자인과 패턴이미 익숙한 방식과 디자인 패턴은 사용자에게 스트레스를 줄여줄 수 있습니다.동일한 디자인 패턴과 익숙한 방식은 조작에 대한 경험이 널리 퍼져있기 때문에 완전히 다른 형태의 디자인과 패턴이 나올 경우 조작 오류나 적응에 대한 학습 시간 등이 고려되어야 합니다.그렇기 때문에 보편화된 디자인과 패턴은 제이콥의 법칙에 단점이라고 볼 수 있습니다. 차별성 부족위의 내용인 “보편화된 디자인과 패턴”에 이어진다고 볼 수 있습니다.이미 익숙한 .. 더보기
제이콥의 법칙 장점 제이콥의 법칙은 이미 사용자가 선호하는 UI 디자인과 패턴을 새로운 어플이나 웹에서 유사하게 작동하길 기대하는 것인 원칙입니다.그렇다면 제이콥의 법칙으로 인해 발생할 수 있는 장점은 무엇이 있을까요?  1. 단순화된 사용자 학습이미 유저는 익숙한 패턴과 디자인이 있습니다.유사한 형태로 이를 도입할 경우 이것을 사용하는 사용자는 효율적으로 사용할 수 있는 효과를 기대할 수 있습니다.  2. 만족도이미 익숙한 디자인과 패턴이므로 새로운 것에 적응하는 학습이 거의 불필요해질 분더러 추가적으로 이미 알고 있는 방식이므로 만족도가 대폭 상승할 수 있습니다.물론 만족도가 대폭 상승할 수 있다는 것에 대한 전제가 필요합니다.바로 “기대감과 만족도에 대한 차이를 줄일 것”이 전제되어야 합니다.  3. 조작 실수 감소이.. 더보기
피츠의 법칙 적용 사례 -하편- 1. 줌 회의 시작 버튼저도 업무를 할 때 코로나 사태 이후로 화상 회의를 진행하곤 했습니다.그때 가장 많이 사용했던 프로그램이 바로 줌(Zoom)입니다.줌을 보면 회의 시작 버튼이 크게 배치되어 있기 때문에 회의를 개설하는데 쉽게 개설하고 이용할 수 있습니다.   (같이 팔로워가 되어 있는 분들이 있기 때문에 모자이크 처리를 좀 강하게 했습니다.) 2. 인스타그램 스토리자 이제 인스타그램을 보도록 하겠습니다.스마트폰을 통해 인스타그램을 실행시키면 다양한 게시물이 나옵니다.우린 화면 가장 상단에 배치된 스토리 영역을 보도록 하겠습니다.인스타그램 스토리 영역은 네 가지 방식으로 출력됩니다.일반 스토리 게시물을 올렸을 경우 프로필 사진 주변에 다양한 색상이 어우러진 형태로 나타납니다.만약 친한 친구로 등록되.. 더보기
피츠의 법칙 적용 사례 -중편- 1. 크롬 검색창스마트폰에서 크롬 앱을 다운로드 받거나 바로 크롬을 열어 들어가 봅니다.구글 크롬 검색창은 화면 중앙에 명확하게 보이고 쉽게 클릭할 수 있는 위치에 있습니다.우리가 크롬을 열었다는 것은 무엇을 검색하기 위한 용도로 열었다고 볼 수 있습니다.그렇기 때문에 가장 중요한 검색이라는 목적을 달성하기 위한 용도로 살펴봤을 때 가장 적절한 위치에 배치되어 있다고 볼 수 있습니다.  2. 페이스북 반응 UI여기서 얘기하는 반응 UI란 좋아요, 댓글, 공유하기 등이 배치된 영역을 지칭하는 것으로 하겠습니다.그중에서 페이스북 좋아요. 버튼은 눈에 잘 띄는 곳에 있습니다.게시물 하단 가장 왼쪽에 배치되어 있으며, 쉽게 누를 수 있는 위치에 배치되어 있습니다.게시물에 반응을 나타내는 것이 목적이라면 스마트폰.. 더보기
피츠의 법칙 적용 사례 -상편- 피츠의 법칙은 사용하는 사용자(유저)의 인터페이스(UI)와 사용자의 경험(UX)이 디자인에서 중요한 핵심입니다.피츠의 법칙이 적절하게 활용된 다섯 가지의 사례를 통해 알아보도록 하겠습니다.  1. 맥OS 메뉴 바상단에 배치된 메뉴바가 있습니다. 메뉴 바는 화면 가장자리에 배치되어 있기 때문에 사용자는 메뉴 바에 접근할 때 커서가 화면 가장자리에서 멈추므로 다소 정확하지 않더라도 메뉴를 클릭할 수 있습니다.   2. 윈도우 작업표시줄윈도우 작업표시줄에서 가장 중요한 기능은 시작 버튼과 현재 실행 중인 프로그램이 화면 하단에 배치됩니다. 프로그램들은 화면 하단 가장자리에 배치되기 때문에 작업 중에 실행시켜 둔 프로그램으로 넘어가기 쉽게 배치되어 있습니다.   3. 유튜브 재생 버튼유튜브에서 원하는 콘텐츠를 .. 더보기

티스토리툴바