본문 바로가기

전체 글

(142)
UXUI 실무 용어 정리 - 1탄 1. 라디오 버튼 (Radio Button) 한가지만 선택할 수 있는 버튼 2. 토글 (Toggle / Switch) 특정 기능을 끄거나 켤 때 사용 3. 체크박스 (Check Box) 여러가지 옵션을 동시에 선택 4. 드롭다운 (Drop Down) 세부 항목을 펼쳐 하나를 선택할 수 있는 요소 5. 텍스트 필드 (Text Field) 이름이나 숫자같은 텍스트를 입력하는 영역 6. 콤보박스 (Combo Box) 드롭다운과 텍스트 필드의 기능을 결합한 형태 7. 브레드크럼 (Breadcrubs) 사이트 이동 경로, 사용자가 어디 위치에 있는지 시각적으로 나타냄 8. 툴팁 (Tooltip) 부연 설명을 말풍선 형태로 표시 9. 스피너 (Spinner) 숫자를 입력할 수 있는 컨트롤상자 10. 슬라이더 (Sl..
앞으로 4개월간의 다짐 2023년 11월부터 2024년 2월까지 4개월간의 다짐을 적어보고자 한다. 1. 제로베이스 UIUX과정 성실히 공부 대학교 시절 이것저것 UIUX분야에 대해 찾아보고 시도해본 프로젝트도 여러 개 있지만, 완성되거나 정리되지 않았다. 이번 제로베이스 UIUX과정을 통해 그동안의 경험을 다시 한번 체계적으로 복기해보고 이에 맞추어 포트폴리오를 만들고자 한다. 2. 나를 설득시키는 포트폴리오 만들기 내 전공분야도 디자인 계열이지만, 포트폴리오를 만들면서 나를 설득하는 과정이 굉장히 힘들었다. 그 업계에서 통용되는 개념과 프로세스가 나에게는 와닿지 않았기 때문이다. UIUX분야에서 우선적으로 나를 설득하는 포트폴리오를 만들고, 이에 기반하여 다른 사람도 설득시킬 수 있는 결과물로 이끌어내고자 한다. 3. 나를..
UX 포트폴리오 분석 0. 포트폴리오 구성에 앞서 자신을 나타내는 한 문장이 들어가야 한다. ex) "나는 OOO한 UX 디자이너다." 이는 포트폴리오 내용에 포함된 모든 플로우를 함축적으로 전달하는 말이다. 모든 작업에는 이 사람의 철학과 시각이 담겨있어야 한다. 1. Why - What - How 서비스기획형 서비스를 직접 기획하거나 UX를 제시하는 방식의 내용 전개 방식이다. 1. 서비스 배경과 서비스 목표 기존의 이러한 한계로 문제점이 발견되었다. 이를 뛰어넘는 가치를 소비자에게 제공하는 것을 목표로 삼았다. > 서비스 비전 사용자 입장에서의 후기 + 수치 2. Core Values 3. 서비스 모델 정리 서비스 컨셉 한 줄 정리 페르소나를 통한 pain point와 서비스 모델 fit 4. Key Challenges..
Low-fidelity vs High-fidelity 디자인 프로세스상 프로토타입이란 기획한 제품을 실제로 유저가 사용하고 이를 테스트하기위해 서비스와 같은 흐름을 가지도록 제작하는 것이다. 그런데 프로토타입을 만들기 위해선 얼마나 디테일하게 만들지도 고려해야 한다. 시간을 많이 들여야 할지, 간단히 스케치로만 확인할 필요가 있는지 한정된 시간과 예산에 따라 결정할 필요가 있다. 이때 필요한 것이 Low-fidelity와 High-fidelity 프로토타이핑이다. 1. Fidility란? 우선 Fidelity란 프로토타입의 세부 사항과 기능 측면에서 디테일한 정도를 나타낸다. 최종적인 서비스와 얼마나 똑같이 만들었는지를 의미한다고 볼 수 있다. 2. Low-fideility prototypes / High-fideility prototypes란? Low-f..
UXUI 레퍼런스 살펴보기 - 01. Pricing 화면 4가지 프로덕트별로 표현 방식은 통일하되 컬러링을 다르게 하여 깔끔하게 구분할 수 있다. 제품 설명의 위계가 뚜렷하다. 연간/월간 가격인지, 할인이 들어갔는지, 가격이 전체적으로 얼마인지, 어떤 고객이 쓰면 좋은지, 선택 버튼 순으로 여백을 두어 정리되어 있다. 아마 사용자가 궁금해하는 것 순서대로 적은게 아닐까 추측한다. 가격을 가장 크고 진하게 적어놔서 한눈에 파악할 수 있다. 여러가지 옵션에 대한 정보를 비교해서 선택해야 하는 상품일 때 좋은 예시인 것 같다. 특히 5명 미만의 팀원들로 구성되었을 때, Free로 할지 Team으로 할지 고민되는 상황일 때 위 화면을 통해 비교하며 선택할 것이다. 또한 Business와 Enterprise사이에서 고민할 수도 있을 것이다. 예를 들어 금융상품이나 카드..
좋은 UX Writing을 위한 7가지 요소 UX Writing은 디지털 제품을 이용할 때 사용자가 마주하게 되는 모든 언어를 설계하는 것이다. 애매하거나 잘못된 글이 사용자에게 전달된다면, 아무리 미적으로 좋은 인터페이스를 가지고 있더라도, 사용자는 그 제품을 신뢰하기 어려워진다. AdobeXD에서 제공하는 UX Writing 글을 읽고 7가지 핵심을 정리해보고자 한다. 1. Useful (목적에 맞는) UX Writer는 사용자를 완전히 이해하고, 사용자가 원하는 목적을 이루는 데 필요한 글만을 제공하여야 한다. 글을 쓰는 입장이 아닌, 듣는 사람의 입장에서 전달하여야 한다. 2. Concise and Clear (간결하고 핵심적인) 사용자와 프로덕트가 잘 커뮤니케이션 하는 방법은 디테일한 설명을 늘어놓는 것이 아니다. 간결하고 핵심적으로 문구..