목표 설정: 비즈니스, UX, 기술 자원 등 가능한 많은 것들을 고려하여 목표를 설정=> 디자이너가 혼자 사업을 계속해서 끌고 가는 것이 아니라 협업을 통해서 같이 만들어 가는 것이기 때문에 계속해서 같이 일하는 부서 팀원들, 타 부서 사람들의 현재 상황이 어떤지 등을 통해서 우리가 이번에 해야 될 범위는 어떤지 등을 고려해서 디자인을 하게 된다. ex. 1분기 안에 온라인 쇼핑몰 A의 제품 상세페이지 디자인을 리뉴얼하고 구매율을 50% 올려보자. 공감사용자 리서치: 사용자 인터뷰, 정량 데이터 분석 등을 통해 사용자에 대해 이해하기 ex. 사용자 Demography(사용하는 사람들은 어떤 사람들? 연령대는? 등) 조사, 제품 구매 시의 행태, 니즈 파악을 위한 1:1 인터뷰, 정량 데이터 확인 등 정..
UX란? : 사용자가 제품이나 서비스를 통해 경험할 수 있는 모든 것을 의미하며, 물리적 경험과 가상 경험 모두 포함.ex. 후각(커피숍의 좋은 냄새), 촉각 등 물리적 경험도 UX에 포함. 사용자 관점에서의 디자인이 중요하며, 디자이너는 자신의 감이나 관점이 아닌 사용자를 충분히 고려해야 한다. 과정: 가설을 세우고 검증하며, 반복적인 실험과 피드백을 통해 제품을 개선하는 과정. 핵심 질문: 사용자를 충분히 고려하였는가? UI란?: 사용자가 직접적으로 맞닿는 제품의 인터페이스를 디자인한 것.시각적 언어의 규칙을 만들고, 제품의 외형적인 표면을 디자인하는 작업. UX와의 공통점은 사용자에 대해서 배우고 그들에 대해 충분한 이해를 바탕으로 한 기획을 하는 것. -> UI 디자인은 뼈대가 만들어졌다면..
TC: 실제 고객들에게 사용을 해보는 과정(베타과정이라고 생각하면 된다.) 블라인드 테스트로 진행한다 (x) → 우리의 페르소나에 해당하는 고객에게 진행 (o)이미 서비스를 만드는 과정에서 고객들에게 마케팅을 어디서 할 지도 다 정해지니까.그렇기 때문에 페르소나 설정이 매우 중요하다.직접적으로 전환율을 끌어올릴 수 있는 인프라를 보유할 수 있게 됨. 배경상황을 설정해야 한다 → 미션을 부여 → 결과 측정단순히 "써보세요" (X)쇼핑몰에서 바지를 장바구니에 담아보세요.회원가입을 해보세요. 게시글에 댓글을 달아보세요.유저가 갸우뚱 → UX, UI가 잘못되었다. 이 테스트로 어떤 부분이 해결되셨나요? → 페인 포인트 발견 / 해결페인포인트를 미리 알려주고 주입하듯이 먼저 언급하면 절대 안 된다. 설문조사 후 ..
QA: 내부적으로 의도한 바가 구현이 잘 되었는지 체크하는 과정 버그 리스트업하기- 의도와 달리 잘못만들어진 것들을 전부 일일이 적어놓는다.QA 템플릿 제공 발견된 버그가 약 120개 → 우선순위에 맞춰 높음부터 해결한다. 우선순위높음유저 Flow가 끊긴 경우앱에 접속 → 하의 카테고리 접속 → 캐주얼 진 하위카테고리 접속 → 원하는 청바지 선택 → 상세페이지로 이동 → 구매하기 → 결제BM에 영향을 준 경우이 서비스로 인터렉션을 통해 고객들에게 돈을 받는 경우도 있다.브랜딩에 어긋나는 경우부드러운 느낌의 서비스 디자인을 필요로 했으나 날카롭게 나왔다면?=> 브랜딩이 어긋나게 되면 사용자 머릿속에 이미지가 떨어지게 되고, 사용성도 자연스레 떨어지게 된다. 보통핵심기능 : 고객의 페인포인트를 해결하는 구..
피그마를 활용하여 화면정의서 만들기
피그마를 활용하여 화면정의서 만들기회사에서의 업무 : 화면정의서 → 개발 / 디자인 → QA → TC → 업데이트 그래서 회사에서 피그마로 만들어진 화면정의서는 포트폴리오로? 쓸 수 없다. 화면정의서 → 상상으로 모든 이용이 가능한가? No. → 직접 해보는 것이 Best개발 → 3개월 ~ 5개월그동안 기획은? 다음 스텝을 가야 한다.완성을 위한 과정 => 그게 바로 프로토타입 프로토타입실무에서는 잘 사용하지 않지만, 고객에게 직관적으로 보여줄 때 유용한 결과최단시간, 최소기능으로 고객에게 주는 제품완성본과 거리가 멀어도 된다. cf. MVP : 최소기능ex. 차 → 실제 차실제 차를 만드는 것보다, 유사 소품을 이용하여 나무젓가락으로 제작ex2. EBS : 동영상 플랫폼(-> 여러 강의)잇기 : 카카오..
유즈케이스 (Use Case)
유즈케이스 (Use Case)정의: 특정 시스템이 사용자와 상호작용하는 방식을 설명하는 시나리오. 유즈케이스는 사용자가 시스템을 통해 목표를 달성하기 위한 일련의 단계들을 설명한다 목적: 시스템의 기능 요구사항을 정의하고, 개발자와 이해관계자가 시스템이 어떻게 동작해야 하는지 명확하게 이해하도록 돕는다. 구성 요소행위자(Actor): 시스템과 상호작용하는 사용자 또는 다른 시스템.목표(Goal): 행위자가 달성하려는 목표.시나리오(Scenario): 행위자가 목표를 달성하기 위해 수행하는 단계들.예시: 온라인 쇼핑몰에서 사용자가 상품을 검색하고 구매하는 유즈케이스 유저 플로우 (User Flow)정의: 사용자가 목표를 달성하기 위해 시스템을 통해 이동하는 경로를 시각적으로 표현한 다이어그램. 목적: 사..
화면정의서의 영역별 구성1) 상단 영역- 화면들의 메타데이터를 넣는다. 필수화면의 이름부가버전작성자명DepthPage (PPT에서는 필요함)화면 기획의도작성 날짜양식을 PPT로 만드는 방법상단의 [보기] 메뉴 -> [슬라이드 마스터] -> [레이아웃 삽입] 슬라이드 마스터에서 페이지 넘버는 #인데 이걸 상단 우측으로 와서 놔주면 페이지 번호가 나온다.이렇게 만든 양식을 가져다가 쓰면 되는데, [새 슬라이드] 에서 사용자 지정 형식을 선택하면 만든 부분을 사용할 수 있게 된다. 2) 화면 영역-> 어떤 기기로 하느냐가 중요.기기 선정모바일PC (16:9)⇒ 프레임 설정 (비율) → 구글에 검색 “갤럭시 노트4 해상도” ⇒ 픽셀 → 비율아이폰은 일반 기종을 기준으로 한다. 그리드 방식UI 요소의 레이아웃만..
화면정의서 만들기 전- 디자이너와 역할 분담의 기준을 정해야한다. 하나의 기준Case 1) 디자이너가 보통 이상이다.한 화면에 들어가는 구성 요소와 기능정의 → 기획자 역할색상, 폰트, 디자인적 요소등 → 디자이너 재량기획자가 구성요소는 정의한 대로 화면에는 다 있어야 한다.이 화면에 대한 평가는 사용자가 하는 것. ex. 잔망루피, 빵빵이이런 경우는 우리가 어떤 서비스인지 싱크가 다 맞춰진 상태. Case 2) 디자이너가 너무 주니어다.디자인 컨셉 정의 디자인가이드 참여> → 기획자 역할나머지 디자인 업무 → 디자이너 툴을 정한다. PPT회사가 오래된 경우보안이 중요한 경우현재 6정도Figma최신 트렌드현재 4정도수정 / 협업이 용이하다.Tip- 버전 : 기능정의서의 버전과 동일하게 앞을 맞춘다.- e..