본문 바로가기
디자인 벤치마킹 :: benchmarking 벤치마킹 디자인에서 드리블이나 핀터레스트를 혹은 비핸스를 레퍼런스의 가장 기본으로 생각한다. 하지만 콘셉트 레퍼런스를 찾기 전에 UX의 관점에서 어떠한 의도와 목적으로 레퍼런스를 찾아야 하는지 한번 생각해보자. WHY? 벤치마킹은 왜 필요한가? 1. 내부고객 설득: 이해관계자 및 클라이언트 설득. 2. 내부고객과 End유저사이의 눈높이를 맞춤. 3. 내부고객의 추상적 생각을 구체화. (인터뷰) 4. 아이디어를 뒷받침하고 확장시키기 위함. 5. 인터뷰를 대체할 정도의 효과 : 사용자들은 인뎁스 인터뷰에서 경쟁사에 대한 이야기를 하므로 충분한 경쟁사 분석은 인뎁스인터뷰 효과를 내기도 함. HOW 벤치마킹은 어떻게 찾아야 하는가? 1. 매크로 벤치마킹 (초기기획단계 :: 전략기획) - 전체적인 큰 틀의 벤치마.. 2023. 10. 16.
UX :: 이것이 UX / UI 디자인이다. 이것이 UX / UI 디자인이다. 1.1 Ux 디자인이란 UX 정의 "유저가 인지하는 경험의 품질" 1. 유저가. 2. (어떤 서비스나 물건을) 사용하고. 3. (이성적, 감성적) 판단을 내리는 것. 이라고 볼 수 있다. UX 디자인에 대한 오해. 1. UX ≠ UI UX는 총체적 관점, UI는 시각적 관점으로 보면 될 것이다. 즉, UX > UI, GUI, Interaction, IA, Process, contents...+(User의 니즈) UX 영역 1. UI 2. IA 3. user flow 4. Interaction 5. GUI 1. UI : 화면구성 2. IA : 정보의 전체 체계 (search, filter, tag, lable 등에 영향) 3. user flow : 사용자가 서비스를 이용하.. 2023. 9. 23.
(실무) 린 UX :: lean UX 실무 린 UX 린 UX는 비주얼 디자인(GUI)과는 대척첨에 있다. 빠르게 문제를 해결하고 피드백을 받아야하는 이 프로세스는 비지니스와 기술 측면에는 그 빛을 발하지만. 진득하게 퀄리티를 높이는 그래픽 디자이너에게는 꽤 힘든 일이 될 수 있을것이다. 하지만 문제가 있다면. 분명히 해결방법도 있을것. 그것에 대해 함께 고민해보자. (디자이너는 문제해결사니까 ^^) Why 먼저 우린 왜 "린UX"를 알아야 하는것일까? 현 시대는 갑작스런 변화가 일어나는 특이점의 시대이다. 빅데이터, 블록체인, 사물인터넷 5G기술, VR/AR, AI 등 많은 기술들이 앞다투어 우리삶에 침투하고 있고, 그에 따라 우리 인간들의 경험 또한 빠르게 달라지고 있다. 빠른 시대에 대응하기위해서는 그에맞는 비지니스 전략과 기술방법론이 .. 2021. 3. 23.
유저 플로우 :: user flow user flow (이용 흐름 설계) 유저플로우(user flow)는 비슷한 용어가 참 많다. (task flow, wire flow, flow chart) 등등. 복잡한 듯 보이지만 하지만 한마디로 정의한다면 새로운 형태의 "와이어프레임" 정도로 정의하면 되겠다. 정의 1. 사용자가 특정한 작업 (task)를 완료하기 위해 서비스 내에서 움직이는 경로를 정리하는 것. 2. 사용자 시나리오보다 구체적이며, UI(화면), 행동, 판단으로 표현된다. 구성요소 1. 목표(user goal) : 사용자가 서비스를 통해 얻고자 하는 결과. (상품 구매, 정보 획득, 소통 등) 2. 작업(task) : 목표를 위해 유저가 수행하는 것. (로그인, 회원가입, 장바구니 담기, 검색 등) 3. UI: 화면. (검색화면,.. 2020. 11. 23.
글자 크기 :: type scale Type scale 정의 Typograph 1. 안드로이드 가이드 기준 a. google material design 구글 material > the type system b. 6+2+2+3이 기본 i. headline ii. subtitle iii. body iv. etc( btn, caption, overline) c. font weight / size / letter spacing로 type 단계별 디테일 높임. d. 프로젝트의 크기에 따라 Headline 수 조절. (참고) Headline폰트와 body폰트종류를 나누어 진행할수도 있는데. Headline은 디자인의 아이덴티티 측면을 body폰트는 가독성을 고려해서 선정하면 좋다. 2. 기타 참고 사이트 a. The typographic scale.. 2020. 11. 3.
사람-컴퓨터-상호작용 :: HCI HCI 정의 : (human computer interface. ) 사람과 컴퓨터(혹은 디지털 시스템) 사이의 상호작용에 대해연구하고 설계하는 분야를 가리킨다. 범위 : UI / UX / Interaction HCI의 3요소 1. 유용성(Usefulness) : 사용자에게 유용한 콘텐츠 혹은 기능. 2. 사용성(Usability) : UI / UX 3. 감성(Affect) : 디자인 혹은 인터랙션적인 측면 유용성 (심성모형 중 가치모형) 1. 기능적 가치 서비스의 본질적인 가치. 사용자가 방문하는 이유. 가장 본질적인 욕구를 충족시켜주는 가치. 2. 조건적 가치 사용자가 꼭 필요한 장소와 시간에 원하는 서비스를 사용하고자 하는 욕구를 충족시켜주는 가치. Ex) 위치서비스 기능, 비행기에 탑재된 낙하산. .. 2020. 8. 31.
그리드시스템 :: grid system 그리드 시스템 정의 : 페이지를 구성하는 정보를 의미있고 논리적으로 일관성있게 구성하는 것을 중요시하는 그래픽 디자이너에게 도움을 주는 정밀한 프레임워크(구조, 체제). 목적 : 정보에 질서와 구조를 부여한다. - 베이스라인(Baseline)기반의 타입디자인. 종류 원고그리드 원고 그리드는 간단한 구조의 그리드입니다. 주로 광범위하고 지속적인 텍스트 블록에 사용되는 단일 컬럼으로 만든 큰 사각형 영역입니다. 컬럼그리드 컬럼(열) 그리드는 페이지에 여러 개의 열을 배치할 때 사용되는 그리드입니다. 불연속 정보 및 콘텐츠의 요구를 제시할 때 유용합니다. 모듈그리드 모듈러 그리드는 컬럼 그리드와 유사하며, 로우와 거터를 추가한 그리드입니다. 다소 복잡한 프로젝트에 사용됩니다. 계층그리드 계층 그리드는 웹사이트.. 2020. 8. 25.
무드보드 :: moodboard 무드보드 & 컬러 정의 1. 사진, 텍스쳐, 패턴, 타이포, 컬러 등을 콜라주하여 하나의 보드에 자신의 생각을 표현하는것. 2. 보통 브랜드 디자인의 사전 작업 a. 자신이 생각하는 느낌을 팀원들에게 전달하기 위함 : 브랜드 디자인의 기획서(?) 예) 커피브랜드 : 카페 인테리어 이미지 + 부드러운 켈리그라피 + 모던한 느낌의 텍스처 + 라인일러스트 등 3. UX/UI 프로세스에도 적용가능. (디자인 시스템 및 컬러가이드) a. color guide b. type guide 어떻게 작업하는가? 정해진 양식이나 가이드는 없음. 본인의 개성이 드러나도록 작업. 리서치 1. 디자인 레퍼런스 사이트 리서치. (무드보드의 목적과 목적을 달성하기 위한 방법을 생각) a. 유행하는 UI디자인 b. 영감을 주는 사진 .. 2020. 8. 24.
컨셉트 디자인 :: concept deisgn 컨셉트 디자인 정의 광범위한 생각들의 형태가 명확하게 표현되는 단계로서 디자인 프로세스의 초기단계. (= 제안디자인) 포함영역 : UI, UX, strategy, interaction, visual. 1. 기획의도 파악 기획 내용에 대한 질문 및 고객 커뮤니케이션 2. 레퍼런스 - 경쟁사 서비스 종류 분석 - 경쟁사 UI 분석 - 고객사가 원하는 컨셉 분석 - 디자인 에이전시 트랜드 분석 - 컨셉표현 (아이덴티티, 비주얼, GUI) 경쟁사 UI 분석 더보기 패키지 여행서비스 - 필수요소 : 목적지 선택, 출발 날짜 및 기간, 항공 선택 등 제품을 선택하는데 있어서 꼭 필요한 UI - 선택요소 : 필터기능, 정렬기능, 태그기능, 찜하기 기능 등 없어도 되지만 있으면 편리한 UI 특별한 UI를 만들기 위함이.. 2020. 8. 22.

티스토리툴바