728x90 반응형 SMALL 전체 글72 코치 마크(Coach Marks) 1. 정의 서비스를 처음 이용하는 유저를 위해 간단한 도움말을 제공하는 기능 2. 구동/위치 어플리케이션(app) 처음 실행 시 출력 초기 진입시에만 볼 수 있도록 설계하고, 다음 진입부터는 '설정' 같은 메뉴안에 두어 언제든지 코치 마크를 호출 가능하도록 설계 유저가 기능을 처음 사용할 때 사용하기도 함 3. 형태 화면에 반투명한 화면(layer)를 덮어 그 위에 각 메뉴에 대한 도움말 표시 가능 4. 주의사항 코치마크는 1회성으로만 노출되어야 함 2023. 6. 28. 뎁스(Depth) 1. 사전적 의미 깊이 2. 의미 정보 계층의 깊이, 메뉴의 단계를 의미 일반적으로 1depth, 2depth와 같은 형식으로 사용 Depth가 얕아질수록 고객이 더 쉽게 접근 가능. Depth가 깊어질수록 접근하기 위해서는 더 많은 절차를 거쳐야 함 3. 예시 대/중/소분류와 depth 비교 대분류 1 Depth 중분류 2 Depth 소분류 3 Depth - 4 Depth - 5 Depth 메뉴 사용 예시 문서 작업 시 사용 예시 2023. 6. 27. MVP(Minimum Viable Product) 1. MVP 정의 Minimum Viable Product 줄임말 신제품 개발에서 학습의 영향을 강조하는 lean 스타트업의 개념 최소한의 노력과 개발 공수로 완성할 수 있는 제품(=최소 기능 제품) 최소한의 기능을 통해 고객의 피드백을 얻어 시장 반응이 어떤지 조사하고 이를 실제 서비스 개발에 적용하는 제품 2. 목적 최소한의 자원으로 제품을 제작하여 가설로 시험한다. 성장을 가속화한다. 낭비되는 개발 시간을 줄인다. 초기 고객들에게 가능한 한 빨리 그 제품을 경험할 수 있게 한다. 3. 고려사항 완벽함보다 속도 중시 완벽한 제품 개발보다는 빠르게 아이디어를 구현하는 데 더 초점을 둔다. 폭넓은 관심보다는 한 곳에 집중 특히 테스트 단계의 경우 적절한 특징(예를 들어 특정 기능)에 집중하고 그 특징의 .. 2023. 6. 26. 툴팁(tooltip) 1. 영어 뜻 말풍선 2. 정의 사용자의 동선을 방해하지 않으면서 특정 기능이나 업데이트된 서비스를 가볍게 소개할 때 사용 사용자가 익숙하지 않은 기능을 이해할 수 있게 도와주는 역할 3. 작동 원리 유저가 개체 위에 커서를 오버하면 자동으로 툴팁 표시 유저가 다른 액션(클릭, 벗어나거나, 툴팁 표시 시간 초과) 시 제거 4. 예시 5. 툴팁 시 고려사항 쉽게 발견 가능해야 한다. 간결하고 유용한 정보를 제공해야 한다. 툴팁 텍스트는 유익해야 하며 화면에 나온 내용을 반복해서 출력해서는 안 된다. 적절한 배치를 해야 한다. [참고 사이트] https://metavision-blog.xyz/entry/UI-%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%90%EC%84%9C-%ED%88%B4%.. 2023. 6. 23. 딤, 딤처리(dim, dimmed) 1. 영어 뜻 (빛이) 어둑한[흐릿한] 2. 정의 레이어 팝업이 노출될 때 뒷부분의 반투명 명암을 넣어서 레이어 팝업에만 집중하도록 한 형태 어두운 반투명을 말함 특정 영역 또는 팝업을 집중하도록 할 때 사용 3. 예시 2023. 6. 22. 애자일 방법론(Agile) 1. 영어 뜻 날렵한, 민첩한 (생각이) 재빠른, 기민한 2. 정의 신속하고 짧은 주기의 반복 작업을 통해 실제 작동 가능한 소프트웨어를 개발하여 지속적으로 제공하기 위한 소프트웨어 개발 방식(반복주기는 1주일~1달로 진행) 협업과 워크플로우를 바라보는 하나의 관점이며, 우리가 무엇을 어떻게 만들지에 관한 선택을 안내하는 가치 체계 좋은 것을 빠르게 취하고, 낭비 없게 만드는 다양한 방법론을 통칭해 일컫는 말 애자일 방법론의 핵심은 작동하는 소프트웨어의 작은 구성 요소를 신속하게 제공하여 고객의 만족도를 개선하는 것 적응형 접근 방식과 팀워크를 활용한 지속적인 개발에 중점 반복적이고 점진적인 접근 방식 기반 3. 애자일 방법론의 특징 고객과 개발자의 지속적인 소통을 통하여 변화하는 요구사항을 신속하게 수.. 2023. 6. 20. 린 방법론, 프로세스(Lean) 1. Lean 영어 뜻 동사: 기울다, 기울이다, 숙이다, 기대다 형용사: 군살이 없는, 기름기가 없는, 군살을 뺀 2. Lean 방법론 정의 '낭비'에 포커스를 두고 프로젝트를 수행할 때 발생할 수 있는 모든 낭비를 제거하는 기법 토요타 생산 시스템(TPS, Toyota Production System)에서 사용한 기법을 Mary and Tom Poppendieck 부부가 2003년에 재정립한 기법 3. Lean 방법론 특징 낭비를 발견하고 제거 → 고객에 가치를 빠르게 제공 LEAN 원칙을 SW 개발 프로세스에 적용 → 생산성 향상 SW 개발의 가장 큰 낭비는 결함이고 결함 제거(Agile과 유사) → 낭비요소 제거 ▶ 낭비를 제거하여 지속적인 개선 및 수행 속도를 높이고 효과적으로 품질 개선 (낭비.. 2023. 6. 19. 페이지네이션(Pagination) 1. 정의 여러 페이지에 분산되어 있는 관련 콘텐츠를 빠르게 탐색할 수 있도록 페이지 링크들을 정렬해놓은 이동 도구 여러 페이지로 구성된 콘텐츠를 위해 사용 페이지네이션을 통해 사용자는 페이지 내에서 자신이 어디에 있는지 알 수 있으며, 클릭하여 다른 섹션으로 이동 가능 페이지 하단 근처에 존재 2. 예시 2023. 6. 15. 레이블(label), 플레이스 홀더(place holder) 1. 레이블(label) 입력을 구성하는 다양한 입력 필드를 식별하기 위해 사용하는 명칭 입력필드 상단 혹은 좌측에 입력할 정보가 무엇인지 설명해주는 문구 2. 플레이스 홀더(place holder) 사용자가 값을 입력하는 데 참고할 수 있도록 입력 필드 내 짧은 구문 형식으로 제공되는 간략한 텍스트 정보 입력필드 선택 또는 문자 입력 시 플레이스 홀더 히든 3. 예시 4. 플레이스 홀더(place holder) 작성 시 주의사항 레이블(label)을 플레이스 홀더(place holder) 형태로 작성하지 않는다. 레이블을 플레이스 홀더 형태로 작성 시, 입력필드 선택 또는 문자 입력 시 레이블이 히든되어 레이블을 확인할 수 없음 입력해야 할 정보(=label)와 입력해야 할 정보의 주의사항(=place.. 2023. 6. 13. 이전 1 ··· 4 5 6 7 8 다음 728x90 반응형 LIST
