분류 전체보기
-
디자인 시스템 스터디TIL 2026. 7. 5. 03:14
https://tossmini-docs.toss.im/tds-mobile/ TDS Mobile 문서Toss Design System Mobile (TDS) - 프론트엔드 개발자를 위한 공식 문서 및 컴포넌트 가이드tossmini-docs.toss.im대 디자인 시스템 시대를 연 토스의 TDS https://momentum.design/en/ 👋 Welcome to Momentum Design Docs! 🚀 MomentumThis is the main page.momentum.designhttps://m3.material.io/ Material DesignBuild beautiful, usable products faster. Material Design is an adaptable system—bac..
-
UX writing 스터디 - 유저가 반응하는 광고 소재의 특징 (토스 애즈 참고)TIL 2026. 6. 24. 17:16
출처 : '토스 UX 라이터가 알려주는, 유저가 반응하는 광고 소재의 특징' 1. 핵심 메시지만 남기기. 빠르게 지나치는 0.3 초안에 핵심을 남기기 위해서 단일 메시지만 담고, 이중 메시지는 담지 않도록 한다. 하나만 머리에 박히는게 좋고, 이중 메시지는 오히려 마음에 확 들어오는 것이 없고 분산된다2. 최대 혜택 강조보다 확실성 강조 : 얻을 수 있는 최대혜택을 보여주는 것보다 보장된 확실한 혜택을 강조하는 것이 더 유익하다. 왜냐하면 사람들은 이미 최대혜택에 속아 이만큼 받지 못할 것이 대부분이라는 사실을 인지하고 있기 때문이다3. 가입하기보다 준비하기 : 실행 부담이 크게 느껴지는 동사보다 쉽게 시작할 수 있는 동사를 사용해서 무의식적으로 부담을 낮추면 더 쉽게 진입할 수 있다.4. 숫자 구체화 ..
-
바이브 코딩에 필요한 기초 핵심 개념 스터디앱인토스 바이브코딩 챌린지 2026. 6. 24. 14:52
참조 영상 링크 [바이브코딩 막힘 없이 뻥 뚫어 드립니다 | 바이브 코딩을 시작하는 분들 끝까지 보고 하세요.]추가 참조 : https://mindmap.technote.wiki/LLM(Large language model) : 우리가 많이 쓰는 언어 학습 기반 AI 모델들. chatGPT, Gemini etc.CLI : Command Line interface 클릭해서 직접 명령어(코드)를 입력해서 명령하는 방식터미널(terminal) : 명령어를 입력하는 인풋 창(프로그램). 검은창 같은 화면IDE : integrated development envirionmet 통합개발환경 안에서 터미널이 작동하면 CLI로 명령 (ex:VScode같은 코드에디터에 많은 기능이 추가되면서 개발부터 실행, 디버깅까지 ..
-
[앱인토스 바이브코딩 챌린지 도전기] 1. 신뢰 = 가치앱인토스 바이브코딩 챌린지 2026. 6. 7. 20:13
- 바이브 코딩과 FOMO내 스레드는 AI와 바이브코딩으로 점령된지 오래다FOMO가 왔다난 이제야 바이브코딩이라는 단어를 들어봤는데 온 세상 사람들이 바이브코딩으로 무언가 만들어내고 신나게 공유하고 있었다.댓글에는 그 경이로움에 감탄하는 사람들의 향연이 펼쳐졌다.20대인 내가 메가커피에서 알바할 때 간혹 마주하던 키오스크 앞의 머뭇거리시던 어르신의 마음이 백 번 이해되는 것만 같았다.나는 얼마나 멀어지는 중인가.. 가늠도 안되게 빠르게 멀어지는 세상에 어느것부터 붙잡아야할지도 막막했다.그러던 중 다들 FOMO를 겪지 않느냐며, 나만 바이브 코딩도 안해보고 mcp가 뭔지도 모른다던 누군가의 글을 보고 안심했다.그리고 알고리즘의 장난에 내 세상이 놀아나고 있었다는 것을 새삼 상기했다. (그래 알고리즘은 이런..
-
부트캠프 3~4주차 : 카카오톡 유저플로우, 비즈니스 로직 분석 및 개선 미션코드잇 프로덕트 디자이너 부트캠프 2026. 3. 10. 17:01
미션 내용'유저는 새로운 친구를 ID로 검색해서 찾을 수 있다.' 유저플로우 선택유저스토리 관점에서 분석/핵심 기능 흐름 정리클론 디자인 (브랜드 아이덴티티, UI 구성, 화면 전환 방식 분석 후 디자인에 적용 + 폰트/컬러/아이콘 등 가능한 한 실제 서비스와 유사하게 구현)심화 1단계 : 브랜드 & 비즈니스 로직 고려해 추가화면 및 UX 개선 아이디어 제시 및 몇몇 화면에 적용카카오톡 브랜드의 톤앤매너를 유지하면서, 해당 플로우에서의 비즈니스 목표를 어떻게 표현할지 고민실제 서비스 사용성을 고려한 추가 화면 혹은 UX 개선 아이디어 제시심화 2단계 : 인터랙션 표현모달, 스크롤, 탭 전환, 알림 메시지 등 사용자 상호작용 (UX) 요소를 설계하거나프로토타입 기능을 사용해 클릭/탭 시 화면 전환을 간단히..
-
카카오톡 유저 플로우(유저는 새로운 친구를 ID로 검색해서 찾을 수 있다.) 분석 해결 실습프로젝트 회고 2026. 3. 10. 09:35
유저 플로우(유저는 새로운 친구를 ID로 검색해서 찾을 수 있다.)Problem검색 아이콘과 친구추가 아이콘을 혼동(검색아이콘을 통해 진입했을때 ID 검색 친구추가가 안되는 것으로 오해한 시점에서 풀어나간 과정입니다)유저 Goal : 상대 ID 입력 → 친구추가친구탭 진입→ 돋보기 검색→ ID 입력→ 실패 (홈화면으로 직접 이동)→ 친구추가 아이콘→ ID 입력→ 성공문제는, '검색'이라는 행위를 대표하는 돋보기 아이콘에 ID검색을 연상하고 돋보기를 눌러 들어가면 ID 검색으로 친구추가를 할 수 없었다. 카카오는 이 시나리오에 대해 error recovery를 실패한 사례라고 할 수 있다.자주 이용하지 않기에 카카오에서 즉시 시스템 피드백을 주지 않으면 매번 잘못된 시나리오를 반복할 확률이 높다.ID로 친..
-
부트캠프 1~2주차 : 프로덕트 디자인 이해코드잇 프로덕트 디자이너 부트캠프 2026. 3. 9. 03:03
UX/UI Designer에서 Product Designer로UI 디자인, 시각적 요소에 집중 ▶ 사용자 리서치, 데이터 분석 통한 문제정의 및 해결위 그림만 보면 프로덕트 디자이너가 되기 위해 이 모든 걸 해야하다니 하고 겁 먹을 수 있다.하지만 잘 살펴보면 모든 것은 별개의 요소가 아니라 겹쳐있는 원들처럼 뗄 수 없는 존재들이고 연관이 있는 것들이다. 나는 디자인의 기본 이론을 배울 때부터 애초에 디자이너라는 건 기획과 떨어질 수 없다고 생각했다.미술과 디자인을 가르는 차이는 실용성, 편의성의 여부인데 디자인이 이것을 고려하기 위해서는 근본을 이해하고 거기서부터 설계해나가야 빌드업이 완성되면서 비로소 일관성을 드러내는 안정적인 형태를 갖출 수 있기 때문이다.그래서 프로덕트 디자이너라는 직무는 내 성..