UX 컨설턴트 전민수 /@@2fEJ (UX/PM/리서치) 라이브클래스 전민수 강사입니다. https://ebprux.liveklass.com/ UX 강의 문의: rojer70@ebpux.co.kr ko Thu, 12 Jun 2025 18:20:32 GMT Kakao Brunch (UX/PM/리서치) 라이브클래스 전민수 강사입니다. https://ebprux.liveklass.com/ UX 강의 문의: rojer70@ebpux.co.kr //img1.daumcdn.net/thumb/C100x100.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fguest%2Fimage%2FYptLzdQMuIv7Djo_YBlcBO_5-gg.JPG /@@2fEJ 100 100 검색 결과와 정렬 옵션 간의 시각적 분리 문제 /@@2fEJ/1535 검색 결과와 정렬 옵션 간의 시각적 분리 문제(인지적 부하와 사용성 향상을 위한 분석) 1. 홈택스 사용성 문제점 분석 홈택스 검색 결과 페이지에서 검색 정렬 옵션은 좌측 상단에 배치되어 있고, 검색 기간은 우측 상단에 위치하고 있습니다. 이로 인해 정보가 시각적으로 분리되며, 사용자는 검색 결과를 확인한 후 정렬 기준을 추적하려면 추가적인 인지적 리소스를<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2Fxf5jZ8sSnKWUaFbEx3iist32G3U.png" width="500" /> Sun, 23 Mar 2025 03:54:56 GMT UX 컨설턴트 전민수 /@@2fEJ/1535 검색 흐름 방해하는 시스템 설계 문제와 개선 방안 /@@2fEJ/1534 &quot;검색 흐름 방해하는 시스템 설계 문제와 개선 방안&quot; 1. 사용성 문제 현재 시스템에서 사용자가 하위 옵션을 선택한 후 검색 결과 페이지를 본 뒤, 검색창으로 돌아갔을 때 이전에 선택한 검색어가 반영되지 않는 문제는 사용자가 선택한 검색어를 기억해야 하는 불편을 초래합니다. 선택된 검색어가 반영되지 않으면 사용자는 검색 흐름을 끊게 되며, 반복적인 작업을<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FD3pZ0lwHSud2F_fAd5QEIBHBWkE.png" width="500" /> Thu, 20 Mar 2025 00:56:34 GMT UX 컨설턴트 전민수 /@@2fEJ/1534 검색 흐름을 끊지 않는 효율적인 필터링 - 자동 반영 기능으로 사용성 향상하기 /@@2fEJ/1533 &quot;검색 흐름을 끊지 않는 효율적인 필터링(자동 반영 기능으로 사용성 향상하기) 1. 사용성 문제점 H 정부 부처 홈페이지에 있는 검색 도우미에서 하위 메뉴 옵션을 선택하였습니다. 그런데 방금 전 선택한 옵션이 검색 결과 페이지의 상단 검색창 영역에 키워드 형태로 자동으로 반영되지 않습니다. 예를 들어 검색 도우미 중 &ldquo;주요 메뉴 선택&rdquo; 하단에 있는 옵션(종<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2Fv2LPh_R5EKsnr2X5htl9AbVzyi4.png" width="500" /> Wed, 19 Mar 2025 02:55:28 GMT UX 컨설턴트 전민수 /@@2fEJ/1533 세그먼트 버튼의 역할 모호 /@@2fEJ/1532 &quot;세그먼트 버튼의 역할 모호&quot; 1. 사용성 문제점 주요 메뉴 선택 하위에 나열된 항목들은 단순한 텍스트 목록처럼 보입니다. 사용자가 이를 클릭하거나 선택할 수 있지만, 그 기능은 기획자가 의도하려고 한 세그먼트 버튼 역할과 다릅니다. 세그먼트 버튼처럼 보이려면 각 메뉴 항목들이 명확한 세그먼트 버튼 형태로 제공되어야 하며, 버튼에 마우스를 올리면 호버 효과<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2F7U0A3hOB9qa1vRq73Y94YB4WcEA.png" width="500" /> Tue, 18 Mar 2025 04:32:36 GMT UX 컨설턴트 전민수 /@@2fEJ/1532 링크 어포던스의 중요성 - 사용자 경험을 향상시키는 디자인의 핵심 요소 /@@2fEJ/1530 링크 어포던스의 중요성(사용자 경험을 향상시키는 디자인의 핵심 요소) 웹 페이지에서 사용자가 클릭할 수 있는 요소를 직관적으로 인식하게 돕는 시각적 특성, 이를 우리는 &quot;링크 어포던스(link affordance)&quot;라 부릅니다. 링크 어포던스가 명확히 표현되지 않으면 사용자는 해당 요소가 클릭 가능한 링크인지 인식하지 못하고, 그로 인해 실수로 클릭하거나 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2Fco_w10kJ7lxuagURj2LAzYKlFkc.png" width="500" /> Mon, 17 Mar 2025 02:56:50 GMT UX 컨설턴트 전민수 /@@2fEJ/1530 효율적인 UI 레이아웃을 위한 디자인 원칙 - 세로 배열 vs. 수평 배열 /@@2fEJ/1529 &quot;(옵션) 효율적인 UI 레이아웃을 위한 디자인 원칙(세로 배열 vs. 수평 배열) 웹사이트나 애플리케이션에서 제공되는 검색 옵션은 사용자 경험에 중요한 영향을 미칩니다. 이 글에서는 두 가지 다른 디자인 레이아웃, 즉 세로 배열과 수평 배열이 어떻게 서로 다른 사용자 경험을 만들어내는지, 그리고 이를 최적화하기 위한 방법에 대해 분석하고자 합니다. 1<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FsjPO46mOOCj-60qEgqEuqYXl47Q.png" width="500" /> Thu, 13 Mar 2025 01:40:00 GMT UX 컨설턴트 전민수 /@@2fEJ/1529 주요 메뉴 선택 영역의 &quot;&gt;&quot; 버튼 역할 모호성 /@@2fEJ/1528 &quot;주요 메뉴 선택 영역의 &quot;&gt;&quot; 버튼 역할 모호성&quot; 1. 사용성 문제점 H 정부기관 홈페이지에서 검색창 영역을 클릭했을 때 제공되는 페이지입니다. 화면 우측 영역에 &quot;검색도우미&quot;의 '&gt;' 버튼을 클릭했을 때, 사용자는 추가 메뉴나 내용이 펼쳐질 것으로 예상하지만 아무런 반응이 나타나지 않습니다. 일반적으로 화살표 기호인 '&gt;'는 &quot;다음 단계로 이동&quot;하거나 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FW3sxGqDcvHLbygVly5mz1cGBFm8.png" width="500" /> Tue, 11 Mar 2025 02:25:39 GMT UX 컨설턴트 전민수 /@@2fEJ/1528 색상 대비가 낮은 디자인 전략의 유용성 /@@2fEJ/1527 &quot;색상 대비가 낮은 디자인 전략의 유용성: 제약을 자연스럽게 전달하는 방법&quot; 웹 디자인에서 색상 대비는 종종 가독성을 높이고, 명확한 상호작용을 제공하며, 전반적인 사용자 경험을 향상시키기 위한 중요한 요소로 강조됩니다. 하지만 때때로 의도적으로 색상 대비를 낮추는 전략이 효과적일 수 있습니다. 특히 사용자가 취할 수 있는 행동을 제한하거나 제약을 두고자 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2Fm0F0xXTO7CUQkhhUgKZLM07Irwo.png" width="500" /> Mon, 10 Mar 2025 01:12:17 GMT UX 컨설턴트 전민수 /@@2fEJ/1527 사용자 행동과 환경을 이해하기 위한 관찰 중심의 분석 /@@2fEJ/1526 &quot;실제 사용자 행동과 환경을 이해하기 위한 관찰 중심의 분석 접근법&quot; 사용자 및 테스크 분석은 실제 사용자들의 행동과 그들이 처한 환경을 철저히 관찰하는 데 초점을 맞추어야 합니다. 이는 전문가들의 추측이나 과거 경험에 의존하는 방식과는 근본적으로 다릅니다. 사용자의 실제 행동을 분석함으로써 제품이나 서비스가 의도한 대로 작동하는지 확인할 수 있습니다. <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FOb2LxEZk11mtyV_6ebbQEJUDuSs.png" width="500" /> Fri, 07 Mar 2025 01:17:01 GMT UX 컨설턴트 전민수 /@@2fEJ/1526 복잡한 네비게이션, 직관성 부족 - 보도자료 접근성 향상을 위한 사용성 개선 방안 /@@2fEJ/1525 &quot;복잡한 네비게이션, 직관성 부족(보도자료 접근성 향상을 위한 사용성 개선 방안) 1. 사용성 문제 A 정부부처 홈페이지의 경우, 보도자료 접근이 복잡하고 직관적이지 않으며, 링크 접근성이 부족해 사용성이 떨어집니다. 1) 과도한 클릭사용자가 원하는 정보를 찾기 위해 여러 번 클릭해야 한다는 점에서 사용성에 부담을 줄 수 있습니다. 이상적인 사용자 경험은<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FV7jZXpsKAPUAUh_9FsbzoLp4S1U.png" width="500" /> Thu, 06 Mar 2025 00:27:05 GMT UX 컨설턴트 전민수 /@@2fEJ/1525 UX디자인에서 시각적 무게감을 통한 버튼 우선순위 설정 - 사용자의 직관적인 결정을 유도하는 전략 /@@2fEJ/1524 UX 디자인에서 시각적 무게감을 통한 버튼 우선순위 설정(사용자의 직관적인 결정을 유도하는 전략) 안녕하세요.이비피알유엑스 전민수입니다. 오늘은 &quot;UX 디자인에서 시각적 무게감을 통한 버튼 우선순위 설정&quot; 이야기 하고자 합니다. 인터페이스 디자인에서 가장 중요한 요소 중 하나는 사용자가 화면에서 수행해야 할 중요한 작업을 직관적으로 인식하고, 이를 쉽게<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FaQ8DprOeNTj-Ep5grg0YdDhttz4.png" width="500" /> Wed, 05 Mar 2025 01:14:06 GMT UX 컨설턴트 전민수 /@@2fEJ/1524 직관적인 UI를 위한 아이콘 디자인의 핵심 /@@2fEJ/1523 직관적인 UI를 위한 아이콘 디자인의 핵심(요약문) 안녕하세요.이비피알유엑스 전민수입니다. 오늘은 &quot;직관적인 UI를 위한 아이콘 디자인의 핵심&quot; 이야기 하고자 합니다. 아이콘은 UX 디자인에서 중요한 역할을 합니다. 직관적인 아이콘은 텍스트를 읽지 않고도 사용자가 원하는 작업을 빠르게 인식할 수 있게 도와줍니다. 아이콘의 세 가지 핵심 가치는 빠른 인<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FbLiI_ScATvMsdv1mD3hbOQWCvyQ.png" width="500" /> Tue, 04 Mar 2025 01:23:56 GMT UX 컨설턴트 전민수 /@@2fEJ/1523 사용자를 생각하게 하지마! #4 Case Study - 추천 서비스에서의 순위 문제 /@@2fEJ/1522 안녕하세요. 이비피알유엑스 전민수입니다. 앞으로 디지털 정부, 공공기관 사용성 문제점과 개선 방안을, 인지심리학 법칙과 휴리스틱 원칙에 근거하여 설명하고자 합니다. 추천 서비스에서의 순위 문제 디지털 서비스에서 추천 시스템은 사용자의 편리함과 만족도를 증대시키는 중요한 요소로 자리 잡고 있습니다. 그러나 많은 경우, 추천 항목에 순위를 부여하는 방식이 사<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FWanmi3_PCxD1td7GaDsunxOLMc8.png" width="500" /> Thu, 27 Feb 2025 01:15:22 GMT UX 컨설턴트 전민수 /@@2fEJ/1522 사용자를 생각하게 하지마! #3 Case Study - 추천 서비스의 중복 문제 해결 /@@2fEJ/1521 안녕하세요. 이비피알유엑스 전민수입니다. 앞으로 디지털 정부, 공공기관 사용성 문제점과 개선 방안을, 인지심리학 법칙과 휴리스틱 원칙에 근거하여 설명하고자 합니다. 추천 서비스의 중복 문제 해결 추천 서비스는 사용자가 원하는 서비스를 신속하고 효율적으로 찾아갈 수 있도록 돕는 중요한 기능을 수행합니다. 하지만, 추천 항목에 동일한 서비스가 중복으로 나열<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FSyJdf7ENKHw-32_zlNSOFgzWjLo.png" width="500" /> Wed, 26 Feb 2025 01:43:52 GMT UX 컨설턴트 전민수 /@@2fEJ/1521 사용자를 생각하게 하지마! #2 Case Study - 사용자의 행위 순서에 맞춘 정보 배열의 중요성 /@@2fEJ/1520 안녕하세요. 이비피알유엑스 전민수입니다. 앞으로 디지털 정부, 공공기관 사용성 문제점과 개선 방안을, 인지심리학 법칙과 휴리스틱 원칙에 근거하여 설명하고자 합니다. 그룹핑 문제 해결(사용자의 행위 순서에 맞춘 정보 배열의 중요성) 디지털 제품과 서비스 설계에서 핵심적인 문제 중 하나는 사용자가 원하는 작업을 얼마나 효율적이고 직관적으로 수행할 수 있을지 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FULtUegbuD_scHNpoIOycit6DSyw.png" width="500" /> Tue, 25 Feb 2025 02:03:27 GMT UX 컨설턴트 전민수 /@@2fEJ/1520 사용자의 기대와 시스템 반응 간 불일치 - 사용자의 기대와 시스템 반응 간 불일치 /@@2fEJ/1519 사용자의 기대와 시스템 반응 간 불일치 1. 사용자의 기대와 시스템 반응 간 불일치 사용자가 웹사이트에서 모달창을 활성화하는 주된 목적은 특정 작업을 완료하거나 필요한 정보를 얻기 위함입니다. 예를 들어, 사용자가 &quot;국세 납부&quot; 아이콘을 클릭하면 모달창이 열리고, 로그인 정보가 없을 경우 로그인 알림이 나타나게 됩니다. 이때 사용자는 자연스럽게 &quot;X&quot; 버<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FxKLLBDDPHes_NkdKe2ifRJUMFhA.png" width="500" /> Mon, 24 Feb 2025 02:44:03 GMT UX 컨설턴트 전민수 /@@2fEJ/1519 비즈니스 성공을 위한 균형 잡힌 UX 디자인 - 사용자와 기업 목표의 조화 /@@2fEJ/1518 비즈니스 성공을 위한 균형 잡힌 UX 디자인(요약문) UX 디자인의 성공은 단순한 미적 요소를 넘어, 비즈니스 목표와 사용자 경험을 균형 있게 결합하는 데 있습니다. 사용자의 요구와 비즈니스 목표가 상충할 수 있으므로, 디자인은 이 두 가지를 동시에 충족시키는 방향으로 나아가야 합니다. 데이터 기반 의사결정, 사용자 여정과 비즈니스 퍼널의 통합 등은 이러<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FbhCGnl77L-dXMnL6_GiZahhxbvA.jpg" width="500" /> Thu, 20 Feb 2025 05:13:52 GMT UX 컨설턴트 전민수 /@@2fEJ/1518 좋은 캐러셀 디자인을 위한 가이드 5가지 UX 원칙 /@@2fEJ/1517 안녕하세요. 이비피알유엑스 전민수입니다. 오늘 아티클 주제는 &quot;좋은 캐러셀 디자인을 위한 5가지 UX 원칙&quot;입니다. 좋은 캐러셀 디자인을 위한 5가지 UX 원칙&nbsp;(요약문) 닉 바비치의 [좋은 캐러셀 디자인을 위한 가이드 5가지] 소개하고자 합니다 캐러셀은 이커머스 웹사이트에서 주로 메인 페이지에 위치하며, 여러 콘텐츠를 한 화면에서 볼 수 있게 하여 <img src= "https://img1.daumcdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2F195jZilfWFBSZg6pdgqiGmx3k1c.jpeg" width="500" /> Wed, 19 Feb 2025 06:33:33 GMT UX 컨설턴트 전민수 /@@2fEJ/1517 협업이 이끄는 혁신: 제품 개발의 새로운 패러다임 /@@2fEJ/1516 안녕하세요. 이비피알유엑스 전민수입니다. 오늘 아티클 주제는 &quot;협업이 이끄는 혁신: 제품 개발의 새로운 패러다임&quot;입니다. 협업이 이끄는 혁신: 제품 개발의 새로운 패러다임(요약문) 제품 개발에서 성공적인 협업은 중요한 요소입니다. 기술력과 시장 기회를 갖췄음에도 실패한 이유는 '협업의 실패' 때문입니다. 여러 팀이 협력해야 제품 품질을 높일 수 있으나,<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FA3nJW3pCpRv25Jogwy0UV2WIvWE.jpg" width="500" /> Wed, 19 Feb 2025 05:56:57 GMT UX 컨설턴트 전민수 /@@2fEJ/1516 UX 디자인, 선택의 순간에서 설득의 기술로 - 전민수 UX 디자인 이야기 #3 /@@2fEJ/1511 1. UX는 선택과 설득의 연속이다 UX 디자인은 정답이 없는 영역입니다. 이는 정답이 분명한 수학 문제를 푸는 것과 다릅니다. PM과 UX 리서처는 여러 옵션 사이에서 최선의 선택을 내려야 하며, 이 선택의 과정에서 다양한 이해관계자를 설득하는 능력이 필수적입니다. UX 설계의 진짜 가치는 데이터를 나열하거나 결과물을 설명하는 데 그치지 않습니다. 선택<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F2fEJ%2Fimage%2FJptrxo3OLCl1WmBtXC-Cx02hTN0.jpg" width="500" /> Fri, 22 Nov 2024 00:39:32 GMT UX 컨설턴트 전민수 /@@2fEJ/1511