반응형 UX8 UIUX 기초용어(1/2) GNB / LNB / SNB / FNB1) GNB (Global Navigation Bar)- 글로벌 내비게이션으로 최 상단에 고정되어 있는 메뉴2) LNB (Local Navigation Bar)- 로컬 내비게이션으로 선택된 메뉴에 따라 선택적으로 표시하는 세부 내비게이션- GNB 하위 메뉴3) SNB (Side Navigation Bar)- 사이드 내비게이션으로 LNB의 한 종류이며 화면 한쪽 구석을 차지4) FNB (Footer Navigation Bar)- Footer에 해당되는 내비게이션으로 화면 최 하단에 위치Combo Box- 콤보박스는 "드롭다운리스트+입력필드"의 결합Drop-down List- 밑으로 쏟아지는 리스트 형태- 보통은 List Box라고 함Check Box / Radio Bu.. 2024. 11. 21. 웰니스(Busan Wellness Life) 1/2 웰니스(Busan Wellness Lift)사이트 소개1. 설명 : 웰니스는 관광에 관련된 정보제공(숙박, 식사, 체험 등) 및 예약 외로 종합적으로 서비스를 제공하는 독자적인 플랫폼을 구축하였습니다.또한 사용자가 관광을 편하게 즐길 수 있도록 웰니스 사이트를 방문하였을 때 여행의 시작 ~ 마무리 단계까지 원스톱으로 사용할 수 있도록 구성하였습니다.2. 수행기간 : 2021.11 ~ 2022.013. 주요업무 : UX/UI 디자인4. 사이트 : http://www.bswellnesstour.com/ 부산웰니스라이프치유와 안녕을 위한 공간bswellnesstour.com UI 문제점 파악1. 전반적인 레이아웃의 구조 및 간격- 중요도가 고려되지 않은 폰트 사이즈와 일관성이 없는 간격2. GNB의 사이즈 및.. 2024. 10. 2. 헬라컴퍼니 (1/2) [헬라컴퍼니]사이트 소개1. 회사소개 : 국내 중고폰 수출사업을 시작으로 휴대폰 판매, 전자담배 제조, 인테리어, 철거, 청소대행, 폐기물 사업 등일상생활에 미치는 전 분야에 걸쳐 사업영역을 확장하고 있는 기업2. 수행기간 : 2022.09 ~ 2022.103. 주요 업무 : UX/UI 디자인4. 사이트 : https://www.hellacompany.co.kr/ 헬라컴퍼니철거 및 폐기물, 청소 대행, 소독 방역 등 고객을 위한 최고의 서비스를 제공하는 헬라입니다.www.hellacompany.co.kr UI 문제점 파악1. 레이아웃의 통일성- 사이트의 전반적인 레이아웃의 쉐입이 통일감이 전혀 없음 (첫 번째와 두 번째 콘텐츠의 쉐입 / 버튼 쉐입)- 아이콘의 굵기가 사이즈가 각각 다름2. 주조색과 보조.. 2024. 10. 2. The Mice (1/2) [The Mice 전시 플랫폼]플랫폼 소개1. 설명 : The Mice는 전시 플랫폼으로, 전시가 필요한 업체가 사이트에 있는 전시 등록 툴을 이용하여 본인의 니즈에 맞게 사이트를 꾸며 사용자의 시각적인 재미 및 정보를 제공하도록 하였으며추후 플랫폼에 있는 결제 시스템을 이용하여 편리하게 결제할 수 있도록 구성하였습니다. 2. 수행 기간 : 2021.07 ~ 2022.033. 주요 업무 : 브레인스토밍, 퍼블, UI 디자인, 와이어플로우4. 사이트 : http://www.mice79.com (현재 서버 종료)UI 문제점 파악1. 계층구조- 중요도가 고려되지 않은 버튼 및 폰트의 계층 구조2. 통일감- 전반적인 레이아웃의 통일성 (각각 콘텐츠 간의 라운드)3. 가독성- 가독성이 떨어지는 폰트 사이즈- 공.. 2024. 9. 11. 사용성을 빠르게 평가 & 분석 하는 방법 사용성에 대한 평가와 테스트를 구분할 수 있어야 함.평가와 사용성 테스트는 어떤 부분이 다를까요?- 평가 : 전문가가 직접 제품의 사용성과 전반적인 UX품질을 측정하는 것 - 사용성 테스트 : 전문가가 사용자를 대상으로 제품의 사용성과 전반적인 UX 품질을 측정하는 것 휴리스틱 평가- 평가하는 방법 중 가장 많이 쓰이는 방법- UI디자인 시 사용성 문제를 조기에 발견하기 위한 방법- 사용성 전문가가 직접 수행하여 비용과 시간에서 유리 - 주로 제이콥 닐슨의 10가시 사용성 평가 기준을 사용제이콥 닐슨의 10가지 휴리스틱 평가 원칙1) 제품 상태의 가시성(Visibility of system status)- 제품은 항상 합리적인 시간 내에 적절한 피드백을 통해 사용자에게 현재 상황을 알려야 한다. ex).. 2024. 8. 19. UX/UI 디자인 노하우 - 내비게이션 및 레이블 만드는 방법 내비게이션 만드는 방법- 내비게이션을 만들기 위해서는 먼저 유저 플로우를 작성해야 함.유저 플로우란(User Flow)?- 사용자가 의도한 목적을 달성하기 위해 거쳐야 하는 일련의 단계를 시각화한 것- User Goal → Task Flow → Wire Flow 사용자 목적( User Goal) - 여정 지도를 기반으로 사용자의 제품 사용 목적을 정의 태스크 플로우 (Task Flow) - 사용자가 목적을 달성하기 위해 해야할 것들을 각 스크린 단위로 시각화 - 실제로 툴에서도 텍스트만 써서 전개 ex) 홈 화면으로 간다 → 주문 버튼을 탭 한다 → 커피 리스트를 확인한다.와이어 플로우 (Wire Flow)- 각 스크린 별로 상세한 레이아웃과 기타 필요한 요소들을 추가- 개발 구현을 위해 필요한 내용들.. 2024. 8. 18. 이전 1 2 다음 LIST
