오늘의 아티클 : https://brunch.co.kr/@laftelux/3 라프텔 UX Writing 가이드 도전기 글쓰기로 만드는 사용자 경험 | 안녕하세요! 애니메이션 전문 OTT 서비스 라프텔의 프로덕트 디자이너 매미입니다.✌️ 오늘은 라프텔의 UX Writing 가이드 제작 과정을 공유해보려고 합니다. 1.UX Wr brunch.co.kr 1. 아티클 첫 인상과 후기 - UX 라이팅이 정확히 뭔지 모르겠다. -> 사용자 경험을 바탕으로 사용자의 언어로 글을 작성하는 것. 제품을 팔기 위한 언어인 카피라이팅과는 차이가 있다. UX 라이팅의 4원칙으로 명확성, 간결성, 유용성, 일관성이 있고 UX에 대한 깊은 이해를 바탕으로 정확하고 사용자가 이해하기 쉽게 글을 쓰는 능력, 편집 경력 모두가 필요하..

💭 2024. 3. 14 오늘의 일기 오늘 한 일 - UX 개론 책 읽기 - UX 개론 책 후기 - 버튼 컴포넌트 실습 - 디자인 아티클 분석 오늘 한 것 : https://nannannan.tistory.com/15 [📚책 후기] UX 개론 앙투안 비조노 지음 🗓️ 읽은 날짜 : 2024. 3. 14 📚 분야 : UX 방법론과 이론 👍 별점 : ⭐️⭐️⭐️ 📋 차례 Part 1 : UX 실무를 위한 주요 방법론 1장. '디자인 씽킹'으로 디자인을 생각하라 2장. nannannan.tistory.com https://nannannan.tistory.com/19 [📓아티클] One Thing One Page 오늘의 아티클 : https://brunch.co.kr/@chulhochoiucj0/31 UX ..

오늘의 아티클 : https://brunch.co.kr/@chulhochoiucj0/31 UX 원칙 - One thing per page 모바일 UI·UX 디자인 원칙 | “One thing per page”는 한 페이지에 한꺼번에 많은 정보 입력을 요청하기보다 단계를 나눠 한 가지 질문에 해당하는 입력과 선택을 요청하는 인터페이스가 더 사용성이 brunch.co.kr 1. 아티클 첫 인상과 후기 - 한 페이지에 하나의 정보만 넣자는 뜻일 것이다. → One thing은 정보만을 말하는 것은 아니다. 사용자가 대답해야하는 한 가지 질문, 사용자가 알아야 하는 정보 중 하나, 사용자가 내려야 하는 한 가지 결정이라고 정의내릴 수 있다. → 복잡한 프로세스를 여러 개의 중요 단계로 세분화하고 최적화하여 각 ..

오늘의 아티클 : https://blog.toss.im/article/beginning-of-tps 토스 프로덕트 산스 제작기: 금융 맥락과 디지털 환경을 고려한 서체 - 금융이 알고 싶을 때, 토 현대 사회에서 모든 글자는 대부분 화면에서 이뤄져요. 하지만 일반 서체들은 화면에 적합한 토스만의 서체가 아니었어요. 토스 서비스는 금융을 다루고 있고, 모바일로 사용해요. 균형, 맥락, blog.toss.im 1. 아티클 첫 인상과 후기 - 토스에서 사용하는 서체는 많은 폰트 패밀리와 다양한 언어를 지원해 따로 서체 고민을 하지 않도록 만들어져 있을 것 같다. → 라이트, 레귤러, 미듐, 세미볼드, 볼드, 엑스트라 볼드, 헤비 총 7개의 폰트 패밀리와 한국어, 영어, 베트남어까지 지원하며 각종 특수 문자까지..

오늘의 아티클 : https://toss.tech/article/interaction 인터랙션, 꼭 넣어야 해요? 빠른 속도를 중요시하는 토스에서 어떻게 팀원들을 인터랙션에 공감하게 하고 슬릭한 제품을 만들어나갈 수 있었는지 소개할게요. toss.tech 1. 아티클 첫 인상과 후기 - 토스에서 사용하고 있는 인터랙션 종류와 제작기에 대한 이야기가 나올 것이다. → 토스에서 사용되는 인터랙션이 어떻게 개발되었는지, 또 개발 라이브러리인 랠리에 대한 자세한 설명이 나온다. - 인터랙션이 UX를 구성하는 데 있어 어떤 기능을 할까? → 지표를 개선하고 화면 이탈율을 줄인다. → 유저에게 명확한 피드백을 줄 수 있고, 어떤 행동을 해야되는지 더 직관적으로 보여주고, 화면 안에서 어떤 일이 일어나고 있는지 쉽게..

아티클 1편 : https://toss.tech/article/tds-component-making 이런 것도 컴포넌트로 만들어도 될까? 플랫폼 디자이너가 디자인 시스템에 새로운 컴포넌트를 만들 때 생기는 의심을 확신으로 만든 과정을 들려드릴게요. toss.tech 아티클 2편 : https://toss.tech/article/toss-design-system 토스 디자이너가 제품에만 집중할 수 있는 방법 디자인 시스템은 제품의 어느 단계까지 기여할 수 있을까요? 더 이상 다른 것에는 신경쓰지 않아도 되는 Menu 컴포넌트를 만들었던 3가지 방법을 소개할게요. toss.tech 1. 아티클 첫 인상과 후기 - 사소하고 작은 기능이라 컴포넌트로 만들기 애매하다고 생각되는 기능을 컴포넌트로 만들어도 되는지에..

앙투안 비조노 지음 🗓️ 읽은 날짜 : 2024. 3. 14 📚 분야 : UX 방법론과 이론 👍 별점 : ⭐️⭐️⭐️ 📋 차례 Part 1 : UX 실무를 위한 주요 방법론 1장. '디자인 씽킹'으로 디자인을 생각하라 2장. 불확실성에 민첩하게 대처하라 3장. '타임 투 마켓'을 단축하라 4장. 더욱 빠르게 스프린트하라 Part 2 : 좋은 제품 디자인하기 5장. 사용자의 요구를 충족시켜라 6장. 인간의 능력에 맞는 제품을 개발하라 7장. 감정을 만들고 이야기를 담아라 Part 3 : UX는 전략의 중심이다 8장. 비즈니스 전략을 이해하라 9장. 일관성을 확보하라 10장. 기업을 변화시켜라 11장. UX팀의 운영 가이드 결론 : UX 디자인의 밝은 미래, UX 윤리 ✏️ 기록 Part 1 : UX 실무를..

💭 2024. 3. 13 오늘의 일기 오늘 한 일 - 3강 숙제 - 피그마 활용(2) 강의 후기 작성 - 디자인 아티클 스터디 - 개인 과제 피드백 바탕으로 수정 - 디자인 책 읽기 드디어 피그마 활용 강의를 다 듣고 마무리했다. 후기 글은 따로 작성했다. https://nannannan.tistory.com/13 [스파르타코딩클럽] Figma 활용법 (2) 강의 후기 1. 모달 컴포넌트와 UI 요소 (5주차) 💡 모달 : 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는것. - 일반적으로 레이어팝업에서 사용되나, 팝업=모달은 아니다. 모달은 속성이 nannannan.tistory.com 디자인 아티클 스터디 https://blog.toss.im/article/beginning-of-t..

1. 모달 컴포넌트와 UI 요소 (5주차) 💡 모달 : 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는것. - 일반적으로 레이어팝업에서 사용되나, 팝업=모달은 아니다. 모달은 속성이며 UI를 분류하는 기준 중 하나이다. - 모달의 종류로는 팝업, 토스트, 바텀시트, 다이얼로그, 사이드 바 등이 있다. - 사용자를 방해하면서라도 반드시 확인해야 하는 부분이거나, 또는 그만큼 중요한 선택이 필요한 시점에만 사용해야 한다. - 라이트 박스 : 모달 UI를 사용할 때 일반적으로 '뒤에 가려진 화면은 사용할 수 없다'는 걸 보여주기 위해 반투명한 층을 만든다. 이 때 이 반투명한 층을 라이트박스라고 부른다. 라이트 박스는 스크림, 딤드, 딤레이어, 오버레이 등으로 불린다. 모달 UI를 사용할 때..

💭 2024. 3. 12 오늘의 일기 오늘 한 일 - 3강 수강 - 디자인 아티클 분석 - 디자인 스터디 - 개인 면담 - 특강 피그마 활용 강의를 모두 들었다. 아직 마지막 주차 숙제를 하지 않아서 완강이라고 할 수는 없지만... 내일이면 전부 마무리될 것 같다. 그리고 저번주에 진행한 2차 개인과제(11번가) 개인 피드백을 받았다! 너무나도 부족한 실력과 퀄리티인데도 좋게 피드백해주셔서 다행이다. 조금 뜨끔했던 부분은 보완하면 좋을점... 사실 귀찮아서 전체 화면까지 도출해야할까?라는 생각이 있었다. 강의를 전부 들으면 나머지 수,목,금요일 정도는 여유가 있을 것 같아 그 때 과제도 조금 손보고 복습도 하고 해야할 듯하다. 디자인 아티클 스터디 어제와 같이 오늘도 토스 테크 스터디를 진행했다. 오늘..