Featured image of post 찐 UXer가 알려주는 UX/UI 실무 가이드

찐 UXer가 알려주는 UX/UI 실무 가이드

☝️ux업무를 하기위한 업무 절차 문서 작업에 대한 대략적 가이드. 일반적인 것들이라 내용이 깊지는 않다.

[!INFO] 책 정보

  • 저자: 저자/조은정
  • 번역:
  • 출판사: 출판사/한빛미디어
  • 발행일: 2022-03-15
  • origin_title: -
  • 나의 평점: 6
  • 완독일: 2023-05-02 00:00:00

UI 실무 가이드

1. Befor Qustion

UI 디자인은 어떻게 하면 될지 배우고 싶다. 기획서는 어떻게 작성하는지

2. Synopsis (개요)

2.1 주제

2.2 기획 및 지필 의도

2.3 주요 등장 인물

2.4 전체 줄거리

3. After My Idea

3.1 Insight

  • 책 읽기전
  • 책 읽은 후
  • 배운점
  • 느낀 점
  • 깨달은 점
  • 아쉬운 점
  • 기타
    • 실무에서 사용할 만한 업무 방법을 알려준다
    • 하지만 간략히 언급만 하고 넘어가서 크게 도움받지는 못했다.

3.2 After Qustion

  • (why) 이 책의 제목을 이렇게 지은 이유는?

  • (how) 어떻게 설명하고 있는가? 어떻게 하라고 하는가? 어떻게 해야하는가?

  • (where) 어느 곳에서 쓴 책인가? 어느 것을 위해 쓴건인가? 어디로 가야하는가? 어디에서 읽어야 하나? 그곳은 어떤 곳인가?

  • (when) 이책은 언제 쓰여졌는가? 시대적 배경은 무엇인가? 언제를 기준으로 쓰였는가? 언제 할것인가?

  • (who) 저자는 누구인가? 주인공은 누구이고 어떤 사람들이 나오나? 누구를 위해 저자는 말하는가?

  • (why) 이책을 통한 질문을 만들기

    • 질문 1.
    • 질문 2.
  • (what) 이 책에서 말하는 주제라는 무엇?

    • 알게된 것은 무엇인가?
    • 해야할건 먼가?
    • 다른 책과 다른 점은 먼가?
    • 이 책의 특징은 먼가?

3.3 Top 3 Highlight

4. Key Word 책에서 뽑은 키워드 정리

__index_키워드

4.1 키워드 1

키워드-제목 1

6.책 밑줄 정리 (책 밑줄 전체,page)

가장 좋은 메뉴 구조는… 처음 사용해 보는 사용자가 ‘여기에 있을 것 같아서 메뉴를 열었을 때 바로 거기에 있는 것’

장기적은 로드맵이 있고, (Y+10) 단기적인 계획이 있어야 한다(Y+1)

too 프로토파이 protopie 제품 추천

UX 콘셉트 기획

  1. 리서치 자료 수집
    1. 보스에 관하여(최종사용자를 고려한 ux)

사람이 기억할 수 있는 한계는 7 +/-2 7개를 전후로 그룹

UI 기획 5단계

  1. 매뉴트리 만들기
    1. 로그인 - 1 dept (신문사 클릭)- 2dept (기사제목 클릭)- 3dept (기사상세보기)
    2. 중복 아이템 정리
    3. 유사한것 끼리 묶어주기
    4. dept를 나눌 것인지 결정하기
    5. 메뉴 간 이동 및 메뉴 제목 정리하기
  2. General Rule 영역 정하기
    1. 서비스 전반적 영역간에 통일성 유지하기 - 메뉴바, 이미지 크기등
    2. 요소 배치하기
    3. 피드백 - 사용자가 눌렀을때 알려주는 것
  3. 키스크린 - 5초안에 파악할 수 있게 - 사용자가 원하는 것이 여기 있음을 알수 있도록
    1. 표시할 내용 정하기
    2. 중요도 정하기
  4. UI Flow - 길은 명확하고 단순하게
    1. 순서도 그리기
    2. flow chart
  5. 유지보수 - 목적을 잊지 말기

UI 문서작업

  1. 기본 구성
    1. 문서 제목 : 서비스명_메뉴명_UI_guide_버전_배포일.ppt
    2. 표지 - 배포자,소속,버전
    3. Revision History
    4. 목차
    5. Explanation Note - 기타 (주석, 아이콘 설명,표기설명등)
    6. 매뉴트리
  2. General Rule
    1. 영역 정의
    2. 기본 정의 - 특화 화면,기능 등
  3. 키스크린
    1. 서비스의 메인 페이지
  4. UI Flow 1.

3. 연관 문서

continue
Hugo로 만듦
JimmyStack 테마 사용 중