본문 바로가기

Study

 (16)
UIUX 케이스스터디 가이드 UIUX 디자이너가 되고싶어서 이것저것 찾아봤는데, 대부분 포트폴리오를 만들라고 했다. 그래서 포트폴리오를 어떻게 만드는지 찾아봤더니, 진짜 '어떻게' 만드는지에 대한 '팁'이 굉장히 많았다. (결과보다 과정에 집중해라, 너만의 철학을 담아라, 복잡한 문제를 간결하게 만들어라, 등등 ...) 그런데 '무엇'을 넣어야할지에 대한 감이 없었다. 정작 '무슨 내용'이 들어가야 할지는 아무도 자세하게 알려주지 않았다.. 여기저기 정보를 찾아본 결과, 내가 "새로 설계한 서비스"나 "기존 서비스를 재해석한 내용"을 담아야 하는 것 같았다. 나는 우선 UIUX에 대해 아는게 없기 때문에 새로 서비스를 디자인할 역량이 부족하다고 느꼈고, 최대한 케이스스터디를 많이 참고하고 이것부터 제대로 해보자고 생각했다. 케이스스..
User Experience의 다음 단계, Human experience 기술이 발전하면서 UX 디자인도 발전한다. 시간을 들이지 않아도 문제를 해결해주고, 별다른 노력을 하지 않아도 이해할 수 있게 설명하고 예측해준다면 과연 그 기술은 사람에게 이로운 것일까? 생각하고, 추론하고, 그것을 통해 기쁨, 슬픔을 얻는 인간 고유의 영역을 UX디자인이 대신 해주는 것이 옳은 일일까? "Instead of starting with the technology and attempting to make it easy to understand and use, let us take human capabilities, and use the technology to expand our abilities." 사용자의 경험을 설계한다는 것은 보이지 않는 시간의 경험을 가시적인, 이야기 가능한 스토리..
UXUI 실무 용어 정리 - 3탄 1. A/B Testing 두가지 형식의 온라인 콘텐츠를 비교하여 효과적인 전략을 찾는 방법 2. API (Application Programming Interface) 다른 시스템에서 정보를 가져와 웹사이트간 통신을 할 수 있게 해주는 코드 예를 들어, 실시간으로 대중교통 운행 정보를 알려주는 CityMapper가 있음 Citymapper - The Ultimate Transport App The ultimate transport app - iPhone / Android / Web citymapper.com 3. 엔드 유저 (End Users) 궁극적으로 제품을 사용하길 원하는 대상 엔드 유저에 의해 제품이 고안되고 만들어짐 4. 아이 트래킹 (Eye Tracking) 사용자의 시선을 추적하는 프로세스..
UXUI 실무 용어 정리 - 2탄 1. 모달 (Modal) 화면 위에 또 다른 화면을 띄우는 방식 배경 페이지는 Dimmed 처리 2. 고정값 (Default) 사용자 정보를 아무것도 설정하지 않았을 때 나타나는 정보 초기 설정 상태 3. 플로팅 버튼 (Floating Action Button) 화면 맨 앞에 고정되어 떠있는 듯한 버튼 앱의 핵심 기능을 호출할 때 사용 4. 새로고침 (Pull to Refresh) 화면을 끌어당겨 새로운 콘텐츠를 띄움 5. 아코디언 (Accordion) 접었다 펼칠 수 있게 만든 메뉴 레이아웃 6. 픽커 (Picker) 시간, 날짜와 같은 범위 내 숫자를 선택할 때 사용 7. 메뉴 (Menu) 1. 햄버거메뉴 상단 모서리에 주로위치하며 하나의 네비게이션을 나타냄 2. 도너메뉴 필터그룹을 나타냄 3. 벤토..
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..
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..
좋은 UX Writing을 위한 7가지 요소 UX Writing은 디지털 제품을 이용할 때 사용자가 마주하게 되는 모든 언어를 설계하는 것이다. 애매하거나 잘못된 글이 사용자에게 전달된다면, 아무리 미적으로 좋은 인터페이스를 가지고 있더라도, 사용자는 그 제품을 신뢰하기 어려워진다. AdobeXD에서 제공하는 UX Writing 글을 읽고 7가지 핵심을 정리해보고자 한다. 1. Useful (목적에 맞는) UX Writer는 사용자를 완전히 이해하고, 사용자가 원하는 목적을 이루는 데 필요한 글만을 제공하여야 한다. 글을 쓰는 입장이 아닌, 듣는 사람의 입장에서 전달하여야 한다. 2. Concise and Clear (간결하고 핵심적인) 사용자와 프로덕트가 잘 커뮤니케이션 하는 방법은 디테일한 설명을 늘어놓는 것이 아니다. 간결하고 핵심적으로 문구..

티스토리툴바