UI 설계 (Ch. 08) PDF

소프트웨어 공학 ◼ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ◼ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ◼ ◼ ◼ ◼ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ◼ ▪ ◼...

소프트웨어 공학 ◼ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ◼ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ◼ ◼ ◼ ◼ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ◼ ▪ ◼ ◼ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ▪ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ▪ ▪ ◼ ▪ ▪ ▪ ◼ ▪ ▪ ◼ ◼ ◼ ▪ ▪ ◼ ◼ ◼ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ◼ ▪ ◼ ▪ ▪ ▪ ▪ ▪ ▪ ◼ ◼ ◼ July 2020 Mo Tu We Th Fr Sa Su ◼ 6 7 1 8 2 9 10 3 4 11 5 12 13 14 15 16 17 18 10 ◼ 20 21 22 23 24 25 26 Popover Left 27 28 29 30 31 Lorem ipsum dolor sit ◼ amet, consectetur adipiscing elit. Etiam nec urna sodales. Drop-Down Box ◼ First Item Second Item ◼ Third Item Fourth Item Fifth Item ◼ ◼ Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor ◼ incididunt ut labore et dolore magna aliqua ut enim ad minim veniam Status ◼ ◼ ◼ ▪ ◼ ▪ ◼ ▪ ▪ ◼ ▪ ◼ ▪ ▪ ▪ ▪ ▪ ◼ ▪ ▪ ◼ ▪ ◼ ▪ ▪ ▪ 화면명 홈 화면ID M01-002 Description 1 고객의 위치와 가장 가까운 매장 보여주기 / 변경 가능함 LOGO LOGO 체험장 입장한 회원정보와 매장정보를 서버로 전달 2 → 해당 매장의 판매자APP에 회원정보 연동 회원이 회원가입 시 선택한 스타일 / 회원이 MDCA 작성 시 만족 이상의 점수를 3 매긴 상품들을 분석하여 상품을 추천함 4 5 6 7 8 3 추천아이템 추천아이템 체혐장입장 매장 직원에게 보여주시면 입장체크가 가능합니다. 체험 진행 중 1 대구점 V MY MDCA 작성하기 2 체험장 입장 체혐장 입장 브랜드 상품 마이 마이 브랜드 상품 마이 마이 브랜드 상품 마이 마이 홈 홈 홈 소개 목록 MDCA 페이지 소개 목록 MDCA 페이지 소개 목록 MDCA 페이지  화면명 상품권리 > 상품등록 화면ID ADM03_002 Description 1 진열여부 사용자APP 에 공개/비공개 BOKO BOKO 총 회원 수 100 / 누적 체험자 수 10 / 누적 선호도 리포트 10 로그아웃 2 상품명 3 카테고리 기존에 등록된 대분류/소분류 선택하여 진열 (중복 가능) 매장관리 상품등록 가격 숫자만입력 상품관리 RFID 상품의 RFID 입력 공개여부 1 ㅇ공개 ㅇ비공개 상품목록 옵션 상품명 2 대표사진 썸네일 상품등록 3 대분류 V 소분류 V 추가 [스타일불러오기] 버튼 : 회원관리>가입항목관리 에 등록된 스타일 스타일선택 이미지 불러오기 (p.17) 데이터관리 추가된 분류 카테고리 아우터 [x] 선호도리포트 아우터 > 자켓 [x] 회원관리 가격 게시관리 RFID 대표사진 사진찾기 삭제 수정페이지 스타일 불러오기 X X 스타일선택 화면명 내 화물일(홈) 화면ID ORDER001 Description 1 2 1 3선 메뉴 추가 2 로고 및 브랜드 중앙으로 이동 4 3 강우영 사장님, 환영합니다. 3 기존 “내 차종” 삭제, 누르면 “내 정보”로 이동 5 4 로그아웃에서는 기존과 동일하게 매너 노출 6 선호 상하차지 5 각 영역을 구분할 수 있는 구분선(음영 바) 6 모든 버튼에는 버튼이라는 것을 알 수 있도록 버튼 외곽선 추가 상 경기도 이천 상 경기도 이천 7 선호 상차지 3곳, 선호 하차지 1곳 노출 7 선호 하차지의 경우 서울과 경기도를 제외한 지방도시는 상 경기도 이천 하 경기도 이천 인근 도시까지 알림을 제공할 수 있는 클러스터 구성 8 내 화물일(홈화면) 메뉴는 중앙에 위치하며, 다른 메뉴보다 크게 구성 현재 선택된 메뉴가 동일 컬러톤(그레이)의 진한 컬러였다면 9 다른 톤으로 더 분명하게 보일 수 있는 컬러로 변경 10 톡 상담 버튼을 플로팅 버튼으로 변경 일감 영역 다음 페이지 참고 10 8 주변 찜한 내 화물일 화물 내정 화물일 일자리 9 장비 보 화면명 내 화물일(홈) - 일감영역 화면ID ORDER002 Description 3 2 레퍼런스: 고트럭 맞춤일감 전체보기 1 주제별로 오더가 가로 스크롤로 10개까지 보여짐 한 라인에 1개의 오더 및 1/3 정도 노출되도록 구성 전체 오더 목록으로 이동(현재 서비스의 일자리 더보기 화면) 2 - 버튼 스럽게 테두리 디자인 필요 맞춤일감: 현재 홈페이지 및 일자리 더보기에서 보이는 목록과 3 동일하지만, 선호하차지 추가 3번 영역과 동일한 목록이지만, 정렬 순서를 급여(무제) 기준 4 8 내림차순으로 정렬 3번 영역과 동일한 목록이지만, 정렬 순서를 조회(열람 아님) 기준 5 내림차순으로 정렬 4 높은 급여순 전체보기 6 3번 영역에서 주5일 이하 일자리만 필터링 3번 영역에서 직영기사 일자리만 필터링 7 - 로그인 기준 현재 회원의 차량 정보가 ‘구매예정’, ‘자가용넘버’ 의 경우 직영기사 일자리 영역이 맞춤일감 다음으로 변경 8 찜 아이콘을 하트 아이콘에서 책갈피(저장) 아이콘으로 변경 1 5 높은 조회순 전체보기... 6 주5일 이하 일자리 전체보기... 7 직영기사 일자리 전체보기... 팀 프로젝트 중간 발표 ◼ ▪ 어떤 SW, 사용대상, 기존 서비스의 특징, 개편하고자 하는 내용. ◼ ▪ 기능, 비기능 (요구사항 추출 방법) ◼ ◼