사전캠프
-
1. 글로벌 내비게이션 : 사이트가 제공하는 콘텐츠의 전체적인 탐색 지원 2. ui element/component : ui 구성요소 (아이콘, 메뉴, 체크박스 등) 3. GUI : 그래픽 사용자 인터페이스. 아이콘/버튼/메뉴 등을 통해 유저와 컴퓨터가 상호 작용 하는 것 4. CTA : 행동 유도 버튼/탭. 행동 유도하는 문구/ux라이팅 삽입, 디자인 계층을 이용해 눈에 띄도록 5. 헤더 : ui 탐색의 기반. 사이트 로고 포함해 메뉴, 계정, 알림, 검색 등이 위치 6. 푸터 : 모든 페이지 하단. 연락처, 개인정보정책, 이용약관, 사이트맵, 계열사 정보, 채용, 뉴스레터, 소설미디어 등 배치 상/하위 구분 등 정보 계층 구조가 없으면 혼란을 야기 7.네이티브 앱 : 모바일 기기 최적화 된 언어로 개..
내배캠 스파르타 UIUX[UX/UI] 사전캠프 데일리 미션 W4-1 UXUI 용어 정리 41. 글로벌 내비게이션 : 사이트가 제공하는 콘텐츠의 전체적인 탐색 지원 2. ui element/component : ui 구성요소 (아이콘, 메뉴, 체크박스 등) 3. GUI : 그래픽 사용자 인터페이스. 아이콘/버튼/메뉴 등을 통해 유저와 컴퓨터가 상호 작용 하는 것 4. CTA : 행동 유도 버튼/탭. 행동 유도하는 문구/ux라이팅 삽입, 디자인 계층을 이용해 눈에 띄도록 5. 헤더 : ui 탐색의 기반. 사이트 로고 포함해 메뉴, 계정, 알림, 검색 등이 위치 6. 푸터 : 모든 페이지 하단. 연락처, 개인정보정책, 이용약관, 사이트맵, 계열사 정보, 채용, 뉴스레터, 소설미디어 등 배치 상/하위 구분 등 정보 계층 구조가 없으면 혼란을 야기 7.네이티브 앱 : 모바일 기기 최적화 된 언어로 개..
2023.12.11 -
1. 오늘의 아티클(주제) 1)https://brunch.co.kr/@editssn/198 사용성 글쓰기, 브랜딩 글쓰기, 돈이 되는 글쓰기 UX라이팅이라는 단어 자체가 UX라이팅 하지 않아.. | 정말 오랜만에 쓰는 글입니다. 이렇게 오랜만에 글을 쓰게 되면 항상 느껴지는 기묘한 부담감이 있습니다. 마치 짠! 하고 화려한 복귀를 해야 brunch.co.kr 2)https://brunch.co.kr/@lifeartist/184] '검색=정답 찾기' 시대는 끝났다. '김재엽 네이버 서치 CIC 책임리더' 이야기 | 1. '검색=정답 찾기'는 이제 끝났습니다. 큐(Cue:)는 대화형 검색 서비스입니다. 생성형 AI로 만들어졌고 사람처럼 생각해 질문의 답을 만듭니다. 만약 ' brunch.co.kr 2. 아티..
[UX/UI] 사전캠프 데일리 미션 W4-1 UXUI 아티클 스터디 41. 오늘의 아티클(주제) 1)https://brunch.co.kr/@editssn/198 사용성 글쓰기, 브랜딩 글쓰기, 돈이 되는 글쓰기 UX라이팅이라는 단어 자체가 UX라이팅 하지 않아.. | 정말 오랜만에 쓰는 글입니다. 이렇게 오랜만에 글을 쓰게 되면 항상 느껴지는 기묘한 부담감이 있습니다. 마치 짠! 하고 화려한 복귀를 해야 brunch.co.kr 2)https://brunch.co.kr/@lifeartist/184] '검색=정답 찾기' 시대는 끝났다. '김재엽 네이버 서치 CIC 책임리더' 이야기 | 1. '검색=정답 찾기'는 이제 끝났습니다. 큐(Cue:)는 대화형 검색 서비스입니다. 생성형 AI로 만들어졌고 사람처럼 생각해 질문의 답을 만듭니다. 만약 ' brunch.co.kr 2. 아티..
2023.12.11 -
FACTS 이번 일주일 동안 있었던 일, 내가 한 일 실제 앱 회원가입 프로세스 조사 조사한 앱 화면 클론 만들기 조사한 앱 화면 개선 방안 만들기 FEELINGS(느낌, 주관)나의 감정적인 반응, 느낌 클론을 만들면 만들수록 화면 배치, 레이아웃 구성 등 디테일한 부분 설정에 애를 먹음 어느 사이즈가 유저 손 크기 표준 규격인지, 버튼 폭/높이는 어느 정도가 적당한지 프로토타입 활용은 언제나 이해가 되지 않음 FINDINGS(배운 것) 그 상황으로부터 내가 배운 것, 얻은 것 UI 표준 규격에 대한 감 기르기 아직 UI 단어에 익숙하지 않음 기능 구현시 어떤UI 방식을 쓰는 것이 적절한지 판단이 어려움 FUTURE(미래)배운 것을 미래에는 어떻게 적용할 지 UI 레퍼런스를 보고 배울 수 있는 사이트를 ..
[UX/UI] 사전캠프 데일리 미션 W3-5 WIL (Weekly I learned)FACTS 이번 일주일 동안 있었던 일, 내가 한 일 실제 앱 회원가입 프로세스 조사 조사한 앱 화면 클론 만들기 조사한 앱 화면 개선 방안 만들기 FEELINGS(느낌, 주관)나의 감정적인 반응, 느낌 클론을 만들면 만들수록 화면 배치, 레이아웃 구성 등 디테일한 부분 설정에 애를 먹음 어느 사이즈가 유저 손 크기 표준 규격인지, 버튼 폭/높이는 어느 정도가 적당한지 프로토타입 활용은 언제나 이해가 되지 않음 FINDINGS(배운 것) 그 상황으로부터 내가 배운 것, 얻은 것 UI 표준 규격에 대한 감 기르기 아직 UI 단어에 익숙하지 않음 기능 구현시 어떤UI 방식을 쓰는 것이 적절한지 판단이 어려움 FUTURE(미래)배운 것을 미래에는 어떻게 적용할 지 UI 레퍼런스를 보고 배울 수 있는 사이트를 ..
2023.12.09 -
1. 앱 서비스 선정 1) 선정 이유 회원가입 > 마케팅 수신 동의 유도까지 매끄럽게 이어지는 UI 디자인과 UX 라이팅의 좋은 예시를 분석하며 따라하는 것이 좋은 공부가 될 것 같음 2) 서비스 소개 지그재그는 일반적인 커머스 플랫폼을 넘어, 보다 진화한 Ai 기반의 개인화 맞춤형 서비스로 전 세계 사용자와 파트너를 연결합니다. 사용자 행동 데이터 기반 맞춤형 상품 추천, 목적성 구매에 최적화 된 상세 검색 필터 등 2. UI/UX 디자인 분석 1). 회원가입 제공 시점 a. 앱 첫 실행 > 나이(연도)입력 (건너 뛰기 가능) 연도를 입력 + 체크박스까지 해야 활성화 되는 다음 버튼. 높은 유도성. 아.. 하기 싫은데.. 라는 마음이지만 건너뛰기는 정말 눈에 띄지 않게 만들어져 있음. b. 고객 데이터..
[UX/UI] 사전캠프 데일리 미션 W3-2 자주 사용하는 웹/앱 서비스 회원가입 프로세스 분석1. 앱 서비스 선정 1) 선정 이유 회원가입 > 마케팅 수신 동의 유도까지 매끄럽게 이어지는 UI 디자인과 UX 라이팅의 좋은 예시를 분석하며 따라하는 것이 좋은 공부가 될 것 같음 2) 서비스 소개 지그재그는 일반적인 커머스 플랫폼을 넘어, 보다 진화한 Ai 기반의 개인화 맞춤형 서비스로 전 세계 사용자와 파트너를 연결합니다. 사용자 행동 데이터 기반 맞춤형 상품 추천, 목적성 구매에 최적화 된 상세 검색 필터 등 2. UI/UX 디자인 분석 1). 회원가입 제공 시점 a. 앱 첫 실행 > 나이(연도)입력 (건너 뛰기 가능) 연도를 입력 + 체크박스까지 해야 활성화 되는 다음 버튼. 높은 유도성. 아.. 하기 싫은데.. 라는 마음이지만 건너뛰기는 정말 눈에 띄지 않게 만들어져 있음. b. 고객 데이터..
2023.12.07 -
1. 오늘의 아티클(주제) 1)https://brunch.co.kr/@jisungmin/21 UI 디자인 완성도 올리기, 레이아웃 편(1) 리듬과 균형이 주는 생명력 | 구글 머티리얼 디자인 3에 대한 지속적인 업데이트와 보완점을 논하고 소통하고자 하는 목적으로 만들어진 사이트가 바로 머티리얼 디자인 블로그입니다. 블로그 brunch.co.kr 2) https://brunch.co.kr/@august9/345 UI 디자인 가이드 : 디자이너의 즐겨찾기 * 해외 필자의 글을 기반했기 때문에 국내에 더 좋은 사이트가 있을 수 있겠네요. * 하지만 대부분 통용되므로 누락없이 기재합니다. 나중에 국내편을 따로 다뤄봐야겠네요. :) 디자이너를 위한 brunch.co.kr 2. 아티클 정보 요약 1) 레이아웃의 리..
[UX/UI] 사전캠프 데일리 미션 W3-1 UXUI 아티클 스터디 31. 오늘의 아티클(주제) 1)https://brunch.co.kr/@jisungmin/21 UI 디자인 완성도 올리기, 레이아웃 편(1) 리듬과 균형이 주는 생명력 | 구글 머티리얼 디자인 3에 대한 지속적인 업데이트와 보완점을 논하고 소통하고자 하는 목적으로 만들어진 사이트가 바로 머티리얼 디자인 블로그입니다. 블로그 brunch.co.kr 2) https://brunch.co.kr/@august9/345 UI 디자인 가이드 : 디자이너의 즐겨찾기 * 해외 필자의 글을 기반했기 때문에 국내에 더 좋은 사이트가 있을 수 있겠네요. * 하지만 대부분 통용되므로 누락없이 기재합니다. 나중에 국내편을 따로 다뤄봐야겠네요. :) 디자이너를 위한 brunch.co.kr 2. 아티클 정보 요약 1) 레이아웃의 리..
2023.12.05 -
1. 아코디언 홈페이지 내 내용을 펼쳤다 접을 수 있는 컴포넌트. 정보를 숨겼다 제자리에 위치 시키는 기능 2. 드롭다운 선택창에 버튼을 누르면 세부 항목이 펼쳐지고 하나를 선택할 수 있음. 3. 콤보박스 드롭다운 형태에서 입력 필드 기능을 결합한 형태 4. 라디오버튼 여러 옵션 중 한가지만 선택할 수 있는 기능 5. 체크박스 여러 옵션 중 다중 선택할 수 있는 기능 6. 브레드크럼 사이드 이동 경로. 사용자가 어느 경로로 현 페이지에 와 있는지 나타냄 ex) 홈 > 가구 > 패브릭 7. 토클 아이폰 on/off 기능처럼 특정 기능을 키고 끌 때 사용. 스위치와 용 8. 툴팁 i 아이콘과 같은 요소와 함께 마우스를 가져다 대면 설명이 보여짐 9. 스피너 숫자값 입력창. 직접 입력하거나 위아래 버튼으로 조..
[UX/UI] 사전캠프 데일리 미션 W3-1 UXUI 용어 정리 31. 아코디언 홈페이지 내 내용을 펼쳤다 접을 수 있는 컴포넌트. 정보를 숨겼다 제자리에 위치 시키는 기능 2. 드롭다운 선택창에 버튼을 누르면 세부 항목이 펼쳐지고 하나를 선택할 수 있음. 3. 콤보박스 드롭다운 형태에서 입력 필드 기능을 결합한 형태 4. 라디오버튼 여러 옵션 중 한가지만 선택할 수 있는 기능 5. 체크박스 여러 옵션 중 다중 선택할 수 있는 기능 6. 브레드크럼 사이드 이동 경로. 사용자가 어느 경로로 현 페이지에 와 있는지 나타냄 ex) 홈 > 가구 > 패브릭 7. 토클 아이폰 on/off 기능처럼 특정 기능을 키고 끌 때 사용. 스위치와 용 8. 툴팁 i 아이콘과 같은 요소와 함께 마우스를 가져다 대면 설명이 보여짐 9. 스피너 숫자값 입력창. 직접 입력하거나 위아래 버튼으로 조..
2023.12.05