본문 바로가기

[UX, UI] 사전캠프 데일리 미션

[데일리 미션]자주 사용하는 웹/앱 서비스 홈 화면 분석 1. 웹 서비스 선정 - 네이버 치지직 (https://chzzk.naver.com/) 2. UX/UI 디자인 분석 - 화면구성 ㆍ눈의 피로감을 덜하기 위한 다크모드 ㆍ 치지직 파트너 스트리머 목록 노출 ㆍ추천1화면을 가장 크게 보이면서도 전체화면의 1/3을 차지하고 있음 ㆍ왼쪽도 똑같이 추천채널 또는 로그인하면 팔로우채널 스트리밍 ON/OFF 확인가능 ㆍ그 외에 E-sports 소식 ㆍ네이버 게임, PC게임 소식 ㆍTwitch에서 없어졌던 방송 다시보기 기능 ㆍ연령 제한 스트리밍은 클릭전에 경고노출 ㆍ인상깊은 UX/UI와 이유 - 사용자 테마에 따라서 표시되는 것이 아닌 다크 모드로 고정 - 클릭하기도 전에 연령 제한 스트리밍 제한노출 - 스트리밍 연결 후에 상당히 심플한 모습 (스트리밍 화면, 채팅,.. 더보기
[데일리 미션]자주 사용하는 웹/앱 서비스 개선점 네이버 치지직 ======================================================================================= - 해당 스트리머의 방송아이콘을 클릭하면 바로 연결되어 보게되는 첫 장면이다. 한장면에 스트리밍 방송+구독 및 유튜트 채널 다시보기 , 팬카페, 그 외 SNS, 후원 등을 추가조작없이 바로 아래서 확인 할 수가 있다. ======================================================================================= Twitch 포지션의 자리를 자연스레 흡수하고 있는 네이버의 새로운 스트리밍 서비스 치지직에서는 스트리머의 방송아이콘을 누르면 아~주 심플하게 스트리밍 화면 및 채팅.. 더보기
[2주차/금] 1.UX/UI 디자인 아티클 스터디 - 7 목차 오늘의 아티클 아티클 정보 해당 아티클을 일고 얻은 인사이트 알게 된 개념 1.오늘의 아티클 - 오늘의 집을 통해서 알아본 UX를 위해 알아야할 기본 UI용어 (https://blog.naver.com/dldlfduek/222549009210) 2.아티클 정보 - Splash screen 모바일앱이 접속할 때 로딩 되는 시간이 대략 얼마나 걸리는지 시각적으로 표시해주는 화면 ================================================================================= - Place holder와 Lable 입력칸에 어떤내용을 써야하는지 표기해주는곳이며 클릭을 클릭하는 순간 사라지는 Place 고정적으로 어떤 정보를 입력해야하는지 표기해주는 것이 L.. 더보기
[2주차/목] 1.UX/UI 디자인 아티클 스터디 - 6 목차 오늘의 아티클 아티클 정보 해당 아티클을 일고 얻은 인사이트 알게 된 개념 1.오늘의 아티클 - 컴포넌트에 대한 정보 (https://remain.co.kr/page/designsystem/component-understanding.php) 2.아티클 정보 컴포넌트( component)의 탄생배경 - 인터넷 환경이 보편화되면서 빠르게 변하고 있는 e-Business 환경에 효과적으로 적응할 수 있는 시스템을 구축하기 위해서는 소프르웨어의 컴포넌트화를 통한 재사용이 필수적이라고 할 수 있다. 소프트웨어 재사용에 대한 이슈는 1970년대 초반부터 현재에 이르기까지 끊임없느 연구과제로 진행되어 왔으나 큰 기대와 효과를 가져오지 못했으며, 이러한 소프트웨어 재사용의 문제점을 극복하기 위해 새롭게 제시된 시.. 더보기
[2주차/수] 1.UX/UI 디자인 아티클 스터디 - 5 목차 오늘의 아티클 아티클 정보 해당 아티클을 일고 얻은 인사이트 알게 된 개념 1.오늘의 아티클 - 네이버 모바일 앱 UI / UX 새로고침 업데이트 분석 (https://brunch.co.kr/@amirjung/63) 2.아티클 정보 - 구 네이버 화면 대비 신 네이버에서는 노출되는 정보량 축소, 가장 필요한 내용들을 정보노출 (ex: 오늘날씨, 내일날씨, 주식, 몇몇 외국의 주식) - 중앙의 TV리모컨 역할을 하는 기능, (현재 네이버에서는 검색창 오른쪽 맨끝 옆에 위치) - 주로 코로나 시기에 QR체크인으로 접근성을 빠르게하여 실행가능했다. 검색창 옆 순서대로 QR체크인, 네이버 페이, 네이버 알람 3.해당 아티클을 일고 얻은 인사이트 1.네이버 버전 업데이트 이후 좋았던 점 - 정보의 최소화 노.. 더보기
[2주차/수]2.미션)컴포넌트 만들기 목차 설명 제작 후 느낀 점 제작하면서 어려웠던 점 자신에게 질문하기(문제점 보완 및 해결방법) 1. 설명 - 왼쪽이 클론 목표 디자인 원본, 오른쪽이 제작한 클론 디자인 2. 제작 후 느낀 점 - 눈으로 자주보고 자주 이용했던 PC웹 또는 모바일 앱 화면을 보고선 수많은 생각이 들었다. 일반인에게는 평상시 항상 눈으로 보고선 쓱 지나가는 얼마 안 되는 몇 초 사이의 그저 '보기 좋게 나열된 이미지들'로 가볍게 지나가지만 알고 나면은 어렵게 고민하면서 배열하고 전문직분이 제작하셨다는 생각이 들었다. 3. 제작하면서 어려웠던 점 - 모아보기 부분이 원본과 일치하지 않는 크기 제작하면서 가장 오래 걸렸던 부분이었다. 원본과 같이 텍스트 글씨를 축소시키려 하면 텍스트 내용이 사라지고 +문자를 중간배열로 하려고.. 더보기
[데일리 미션]내가 생각하는 UI/UX 디자이너의 핵심 역량 목차 회사및 조직소개 주요업무 지원자격 우대사항 1.넥슨[인텔리전스랩스] UI / UX 디자이너 (계약직) 조직소개 인텔리전스랩스는 다양한 게임 정보를 활용해 '빅데이터', '머신러닝ㆍ딥러닝', '인공지능(AI)' 기술과 공학적 사고를 통해 솔루션을 만들고게임 사용자와 넥슨 구성원이 사용할 서비스를 제공하는 조직입니다. 주요업무 - 넥슨의 게임 이외의 서비스 UI / UX디자인 (각 서비스의 UI 디자인, 프로토타이핑 등 제품에 필요한 모든 영역 포함) - 디자인 시스템 구축 및 운영 - Resporsive Web/App UX 설계 및 UI 디자인 - 디자인 구체화 및 유관 부서와의 커뮤니케이션 지원자격 - 최소 3년 이상의 웹/앱 디자인 경력을 보유하신 분 - Figma, Adobe XD, Photos.. 더보기
[2주차/화] 1.UX/UI 디자인 아티클 스터디 - 4 목차 오늘의 아티클 아티클 정보 해당 아티클을 일고 얻은 인사이트 알게 된 개념 1. 오늘의 아티클 - 삶의 질이 달라지는 피그마숨겨진 기능과 단축키 (https://brunch.co.kr/@bommade/47) 2. 아티클 정보 요약 - 특정 텍스트를 한 번에 바꾸는 방법 - 작업하며 쌓인 Layer에서 바로가는 방법 1. Shift + 2로 바로 이동 2. Shift + 1 다시 전체 화면 - 수많은 Layer가 펼쳐져 있을 때 모두 닫는 단축키 : Alt + L - 양 옆 패널 숨기기 기능 Ctrl + \(Backspace 아래) 3. 해당 아티클을 읽고 얻은 인사이트 - 사소하더라도 쌓이면 피로가 커지는 작업에서 필요한 소소한 TIP을 얻었다. - PC를 하다보면 눈에 가장 영향을 많이주니 피로를.. 더보기

티스토리툴바