[참고] 사례 조사할 때 참고하면 좋은 사이트
1. 핀터레스트 찾고 싶은 키워드 + UI (영문으로 검색하면 더 많은 자료) => 모바일, 웹 위주로 검색 가능 Ex. 카드 형태의 레이아웃? -> Card UI 2. 모빈 (유료) 모바일과 웹 기반 서비스 화면을 모아놓은 해외 사이트, 일정 개수까지 무료 3. 윗국내 모바일 기반 앱 화면을 모아놓은 사이트, 카테고리 컴포넌트 패턴으로 구분하여 찾기 편리, 양은 적지만 국내 서비스 찾을 때 이용하기 좋음 4. UPA (UX Pattern Archive) 국내 모바일 기반 앱 화면을 모아놓은 사이트, UX 요소별 필터 검색, UX 패턴과 설명이 자세히 나와있어 UX 패턴을 익히기에 적합
[분석] KREAM 앱 서비스 회원가입 프로세스 분석
KREAM KREAM, 선정 이유 : 심플하고 깔끔한 UI 서비스 소개 : 거래 중개 플랫폼, 판매자가 가격을 제시하면 구매자가 가격을 수락하는 식으로 이루어진다. UI/UX 회원가입 제공 시점 : 홈 -> MY 페이지 -> 로그인 회원가입 프로세스 : 화면별 구성 : 홈 화면에서 'MY' 버튼이나 우측 상단 종 아이콘 클릭-> 로그인 화면-> 이메일 가입 OR 네이버로 로그인 OR Apple로 로그인 인상깊은 UI/UX : 'STYLE' 이란 화면을 따로 구성하여 요즘 트렌드와 셀럽들의 스타일 등을 볼 수 있다. 개선 1. 회원가입 종류가 이메일 가입이 기본으로 네이버, Apple 로그인 세 가지이다. : 하단에 '다른 서비스 계정으로 가입' -> 카카오톡 계정으로 간편 로그인할 수 있게 만들어 사용성..
https://www.adobe.com/kr/creativecloud/design/hub/guides/15-rules-every-ux-designer-should-know.html 모든 UX 디자이너가 알아야 할 15가지 원칙 | 어도비 크리에이티브 클라우드 | 씽킹 디자인 | 미디 좋은 UX/UI 경험을 만들기 위해 UX 디자이너라면 알아야 할 15가지 필수 규칙을 확인해 보세요. www.adobe.com 사용자 인터페이스는 인간과 제품의 상호 작용이 발생하는 공간이고, 사용자 경험은 제품과의 상호 작용 뒤에 나타나는 감정적 결과다. UX는 UI 그 이상이다. UI -> 경험 -> UX 대상이 누군지를 알아야 하며 그들은 '무지의 상태'라고 여겨야 한다. 짧은 주의 시간을 염두에 두고 단숨에 인지 가능..
[UXUI 용어 정리][컴포넌트]
카테고리 : 모바일/웹, 업무 용어, 기능, 디자인 패턴, 컴포넌트 /컴포넌트/ *액션 컴포넌트 - 버튼 (Button) : 동작을 할 수 있는 버튼 - 플로팅 버튼 (Floating Action Button) : 화면에 떠 있는 버튼 - 아이콘 버튼 (Icon Button): 아이콘으로 된 버튼 *커뮤니케이선 컴포넌트 - 배지(Badge) : 이미지 옆에 숫자와 같은 카운트 표시 ex) 알림 수 - 프로그레스바(Progress bars) : 작업의 진행 상태를 실시간으로 표시 - CTA(Call To Action) : 사용자의 클릭을 유도하는 행동유도버튼 - 스낵바(Snack Bar) : 행동에 대한 결과를 텍스트로 표시, 몇 초 뒤 자동으로 사라짐 - 툴팁(ToolTip) : 마우스를 올렸을 때 자동..
[분석] NETFLIX UI 분석
NETFLIX 인터넷(Net)과 영화(Flicks)를 더한 스트리밍(OTT) 플랫폼으로 월정액에 가입하면 영화, 드라마, 애니메이션, TV프로그램 등의 다양한 컨텐츠들을 언제 어디에서나 기기의 제한 없이 무제한으로 즐길 수 있는 서비스이다. 현재 넷플릭스 스트리밍 유저는 23년 10월 기준 약 2억 5천만으로 그 수가 상당하다. 1. NEFLIX Layout 넷플릭스 웹을 접속해 계정을 선택하면 바로 뜨는 메인 화면 화면을 뜯어서 분석해보자 상단에 GNB 네이게이션바가 있고, 돋보기(검색) 버튼을 누르면 우측 상단에는 컨텐츠를 검색할 수 있는 인풋박스가 뜬다. GNB 배너에서 '시리즈'를 클릭해보니 시리즈 화면으로 전환되고, 시리즈 장르를 선택할 수 있는 드롭박스가 나타난다. 드롭박스에는 LNB 메뉴가 ..
[UXUI 용어 정리]
UX : User eXperience의 약자로, 사용자 경험을 의미한다. UI : User Interface의 약자로, 유저가 제품을 사용하기 위한 상호작용의 모든 것을 의미한다. [컴포넌트] 버튼(Button) : 동작을 처리하는 버튼 -FAB(Floating Button) : UI 화면 위에 떠 있는 버튼 폼(Form) : 입력과 관련된 요소들 -인풋박스(Input Box) : 한 줄 입력창, 텍스트 입력하는 컴포넌트 -Placeholder : 텍스트 입력에 대한 힌트 제공 체크박스 (Check Box) : 단일 선택/다중 선택시 사용 라디오 (Radio) : 단일 선택시 사용 드롭다운(Drop Down) : 버튼을 클릭했을 때, 옵션 값이 나타나고 그 중 하나의 옵션을 선택할 수 있다. 콤보박스(C..
1. 요구사항 (주) 누트컴퍼니 태블릿을 활용한 필기/다꾸 경험이 있으신 분 커머스 서비스 또는 구독제 기반의 B2C 서비스 디자인 경험이 있으신 분 디지털 프로덕트, 디자인 리서치를 습관적으로 즐기시는 분 Hotjar, Amplitude 등의 프로덕트 데이터 모니터링 툴을 UI디자인과정에서 활용할 줄 아시는 분 Figma 디자인 툴에 대한 높은 숙련도를 가지신 분 LottieFiles과 같은 서비스를 활용한 애니메이션 에셋에 대한 이해가 있으신 분 (주) 비즈비 디자인 계열 전공자 해당 경력 2년 이상 반응형 디자인 구축 경험 홈페이지 빌더 디자인 경험 디자인 트렌드와 기술 동향에 대한 이해 프로젝트 리딩 경험 2. 핵심 역량 키워드 피그마 디자인 경험 3. 내가 생각하는 핵심 역량 피그마와 같은 제작..
1. 비슷한 직무 JD 분석 1. UX 리서치 (주)리앤파트너 주요업무 : - 모바일 앱/웹 및 PC 웹 서비스 관련 UI/UX 설계, 프로토타이핑, 사용성 테스트 자격요건 : - 사용자 관점 및 비즈니스 이해를 통한 요구사항 분석 및 UI/UX 설계 능력을 보유하신 분 - 다양한 플랫폼 (iOS, Android, PC/Mobile Web)에 대한 서비스 제작 경험이 있는 분 - Design/Prototyping Tool (Figma, Sketch, Protopie, Invision 등)의 능숙한 활용과 Prototype을 통해 기획을 빠르게 시각화시키고 실행할 수 있는 분 - 원활하고 논리적인 커뮤니케이션을 기반으로 아이디어를 구체화시키고 실행으로 옮길 수 있는 분 - 사용자 관점에서 서비스의 사용성을..