휴리봇 이야기 #1: 토스는 AI 봇에게 사용자 인터뷰를 한다
토스는 디자이너가 사용성을 더 자주 점검하도록 AI 봇 휴리봇을 만들고, 프롬프팅 전후에 필요한 과정까지 정리했습니다.\n초기 챗봇 검증 후 워크플로에 맞게 MVP 기능만 남겨 내재화 방향을 잡았습니다.
#LLM#prompt
39005분
필터 1
기술 한 스푼으로 웹앱 사용자 경험 개선하기
웹앱 UX 개선을 위해 스켈레톤 UI, Vue Transition, Tanstack-Query를 적용한 사례를 소개했습니다. 상황에 따라 스피너와 페이드 효과를 병행하며 전환과 상태 관리를 단순화했습니다.
#UI/UX#Vue.js
26005분
토리모리 테크 블로그를 소개합니다.
X
#cloud#UI/UX
12005분
이미지 생성 AI로 프로모션 키 비주얼 만들기
이미지 생성 AI를 프로모션 키 비주얼 제작에 적용한 사례를 소개했습니다. 미드저니와 파이어플라이를 병행해 공수를 줄이고 퀄리티를 높였지만, 프롬프트 조정과 리터치에는 여전히 시간이 들었습니다.
#LLM#prompt
27005분
if(kakaoAI)2024 - 카카오모빌리티의 랩업과 리뷰
카카오 if(kakaoAI)2024 콘퍼런스의 주요 기술 세션들을 정리했습니다. 카카오내비, 웹 접근성, 상태 관리, AI 로봇 배송 등 다양한 주제를 소개했습니다.
#web#UI/UX
29005분
그래서 QA가 왜 필요한데?
그래서 QA가 왜 필요한데?
게임 QA를 버그 찾기보다 개발진과 유저 간 소통의 질을 높이는 품질 보증 활동으로 설명했습니다. 릴리즈 전후로 품질 기준을 세우고 후속 대응까지 이어가야 한다고 정리했습니다.
#QA#test
29005분
검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.
#UI/UX#React
13005분
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 중심으로 기획, 디자인, 개발, QA를 실시간으로 연결하는 협업 방식의 장점을 소개했습니다. 과거의 파일 공유와 버전 관리 문제를 줄이고 생산성과 일관성을 높이는 흐름을 설명했습니다.
#Figma#UI/UX
4005분
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma 도입 전의 협업 비효율과 그로 인한 문제를 정리하고, 쿼리파이의 실시간 협업 프로세스를 소개했습니다. 또한 Figma가 기획부터 QA까지 전 단계에서 생산성과 커뮤니케이션을 높이는 이유를 설명했습니다.
#Figma#UI/UX
2005분
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 통해 QueryPie의 기획·디자인·개발·QA 협업이 실시간으로 연결되며 효율이 높아졌습니다. 클라우드 협업, 컴포넌트 재사용, Dev Mode로 생산성과 일관성도 강화했습니다.
#Figma#UI/UX
7005분
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
스피너 대신 스켈레톤, Transition, Tanstack-Query를 활용해 웹앱 UX를 개선한 사례를 소개했습니다. 상황에 따라 로딩 UI를 다르게 적용해 체감 속도와 개발 생산성을 함께 높였습니다.
#Vue.js#SSR
30005분
웹앱 사용자 경험을 개선하는 기술 한 스푼
웹앱 사용자 경험을 개선하는 기술 한 스푼
웹앱의 로딩 경험을 개선하기 위해 스피너, 스켈레톤, 전환 애니메이션, Tanstack-Query를 도입한 사례를 소개했습니다. 화면 특성과 지연 시간에 따라 로딩 방식을 나누고 공통 컴포넌트로 구현 비용을 줄인 점이 핵심입니다.
#UI/UX#스켈레톤 UI
50005분