Today I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 디자인 초안 작업 및 개인페이지 작업 1. 페이지 톤앤매너 레퍼런스 찾기 카드 형식 ui + 오버레이에 누끼 딴 사진들이 노출되어 나타나고 싶음 > 스트로크를 강조하고 키치한 느낌이 나는 톤으로 확정 2. 톤에 맞춘 페이지 디자인 시안 작성 - 메인 사진 호버링 시 tmi 말풍선 나옴 - 각 키워드에 맞는 이모지 호버링 시 그에 대한 설명 글자가 나옴 3. 각 페이지별 프로토타입 구성 및 제작 4. 페이지 통합 디자인 카드 형식 + 이미지 누끼 + 스트로크 5. 오늘 배운점 오버레이아웃 활용한 배경 효과 토글 버튼 드롭업다운 마우스 호버링 할 때 위로 올라갔다 내려갔다 하는 효과 펜툴 활용하기 6. 아쉬운점 오토레이아..

Today I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 와이어 프레임 짜기 1. 내용 구성 팀 소개 페이지 팀 설명 팀 목표 팀 규칙(약속) 개인 멤버 소개 페이지 이름 사진 mbti 취미 장점 uiux 목표 하는 이유 및 포부 협업 스타일 소개 블로그 주소 2. 내용 구성에 맞는 레이아웃 레퍼런스 찾기 (메인 및) 팀 소개 페이지 선정이유 - 메인 화면과 팀 소개 화면을 seamless하게 전환해 줄 수 있는 레이아웃(상단 토글) - 유저가 가장 소극적이게 행동해도 한눈에 정보를 확인할 수 있는 편리함 (개인 소개 페이지) 선정이유 - 사이드 각 멤버별 페이지로 바로 이동할 수 있는 토글 - 카드 ui 형식으로 다양한 정보들을 카테고리별로 묶을 수 있음 3. 레퍼런스 참..

1. 글로벌 내비게이션 : 사이트가 제공하는 콘텐츠의 전체적인 탐색 지원 2. ui element/component : ui 구성요소 (아이콘, 메뉴, 체크박스 등) 3. GUI : 그래픽 사용자 인터페이스. 아이콘/버튼/메뉴 등을 통해 유저와 컴퓨터가 상호 작용 하는 것 4. CTA : 행동 유도 버튼/탭. 행동 유도하는 문구/ux라이팅 삽입, 디자인 계층을 이용해 눈에 띄도록 5. 헤더 : ui 탐색의 기반. 사이트 로고 포함해 메뉴, 계정, 알림, 검색 등이 위치 6. 푸터 : 모든 페이지 하단. 연락처, 개인정보정책, 이용약관, 사이트맵, 계열사 정보, 채용, 뉴스레터, 소설미디어 등 배치 상/하위 구분 등 정보 계층 구조가 없으면 혼란을 야기 7.네이티브 앱 : 모바일 기기 최적화 된 언어로 개..

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. 아티..

FACTS 이번 일주일 동안 있었던 일, 내가 한 일 실제 앱 회원가입 프로세스 조사 조사한 앱 화면 클론 만들기 조사한 앱 화면 개선 방안 만들기 FEELINGS(느낌, 주관)나의 감정적인 반응, 느낌 클론을 만들면 만들수록 화면 배치, 레이아웃 구성 등 디테일한 부분 설정에 애를 먹음 어느 사이즈가 유저 손 크기 표준 규격인지, 버튼 폭/높이는 어느 정도가 적당한지 프로토타입 활용은 언제나 이해가 되지 않음 FINDINGS(배운 것) 그 상황으로부터 내가 배운 것, 얻은 것 UI 표준 규격에 대한 감 기르기 아직 UI 단어에 익숙하지 않음 기능 구현시 어떤UI 방식을 쓰는 것이 적절한지 판단이 어려움 FUTURE(미래)배운 것을 미래에는 어떻게 적용할 지 UI 레퍼런스를 보고 배울 수 있는 사이트를 ..

1. 앱 서비스 선정 1) 선정 이유 회원가입 > 마케팅 수신 동의 유도까지 매끄럽게 이어지는 UI 디자인과 UX 라이팅의 좋은 예시를 분석하며 따라하는 것이 좋은 공부가 될 것 같음 2) 서비스 소개 지그재그는 일반적인 커머스 플랫폼을 넘어, 보다 진화한 Ai 기반의 개인화 맞춤형 서비스로 전 세계 사용자와 파트너를 연결합니다. 사용자 행동 데이터 기반 맞춤형 상품 추천, 목적성 구매에 최적화 된 상세 검색 필터 등 2. UI/UX 디자인 분석 1). 회원가입 제공 시점 a. 앱 첫 실행 > 나이(연도)입력 (건너 뛰기 가능) 연도를 입력 + 체크박스까지 해야 활성화 되는 다음 버튼. 높은 유도성. 아.. 하기 싫은데.. 라는 마음이지만 건너뛰기는 정말 눈에 띄지 않게 만들어져 있음. b. 고객 데이터..