Hyunni

나만의 개인비서 '에이닷' - UX/UI 분석

2024-07-29T06:45:23Z

서비스 소개 에이닷(A.) 서비스는 SK텔레콤에서 제공하는 인공지능(AI) 비서입니다. 이 서비스는 음성으로 명령을 내리면 일정 관리, 날씨 확인, 뉴스 전달 등 다양한 작업을 도와줍니다. 예를 들어, "오늘 날씨 어때?"라고 물으면 즉시 답변을 받을 수 있습니다. 나만의 개인비서 에이닷 에이닷은 컨셉이 명확한 서비스였다. 바로 ‘나만의 개인비서'다.

몸과 마음이 건강해지는 습관 만들기 '챌린저스' - UX/UI 분석

2024-07-21T10:40:30Z

서비스 소개 챌린저스는 목표 달성을 도와주는 앱으로, 사용자가 설정한 도전 과제를 수행하고 인증하며 보상을 받는 구조입니다. 다양한 분야의 목표를 설정할 수 있어 개인의 성장과 자기 관리를 지원합니다. 성공적으로 도전을 완료하면 금전적 보상도 받을 수 있어 동기 부여가 강화됩니다. 동기부여를 위한 예치금 챌린지 챌린저스는 동기부여를 통해 사용자들이 목표

할 일을 작성하고 목표를 관리해 보세요 '투두메이트' - UX/UI 분석

2024-07-14T07:51:45Z

서비스 소개 투두메이트는 사용자들이 일상적인 할 일 목록을 효과적으로 관리할 수 있도록 돕는 앱입니다. 할 일 추가, 알림 설정, 목표 추적 기능을 제공하여 생산성을 높여줍니다. 직관적인 인터페이스로 쉽게 사용할 수 있으며, 친구와 함께 할 일을 공유하고 협력할 수 있는 기능도 있습니다. 직관적인 시각화로 나만의 루틴 관리 투두메이트는 타 일정관리와는

Handy 디자인시스템 토큰 구축과정 - 디자인시스템 구축기#7

2024-07-10T00:27:06Z

어느 정도 Founation 구축이 완료된 시점이다. 개발팀과의 회의를 통해 Handoff룰을 정하고 기본적인 primitive 컬러토큰과 타이포를 전달했다. 이제는 디자인토큰을 정립해야 했다. 디자인토큰이란? 디자인 시스템 관점에서 디자인 토큰(Design Tokens)은 디지털 제품의 디자인 속성을 표준화하고 일관되게 유지하기 위해 사용되는 중요한 구

갓생을 위한 습관 루틴 앱 '루티너리' - UX/UI 분석

2024-07-19T14:14:37Z

서비스 소개 루티너리는 일상생활에서의 루틴을 관리하고 개선하는 데 중점을 둔 서비스입니다. 사용자는 매일 반복해야 할 일들을 루틴으로 설정하고, 이를 시각적으로 확인하고 추적할 수 있습니다. 개인별 맞춤형 루틴을 제안하며, 성취도를 기록하고 분석하여 지속적인 개선을 도모합니다. 어려운 루틴을 동기부여와 친절한 시각화로 요즘 현대사회에서 ‘갓생'이라는 단

Handy 컴포넌트, 타이포, 간격 구축 과정 - 디자인시스템 구축기#6

2024-06-26T07:55:10Z

컴포넌트 선정 Foundation 구축과정이 거의 다 마무리된 가운데, 디자인시스템에 적용할 공통 컴포넌트를 선정하는 시간을 가졌다. 최대한 기본적으로 필요한 컴포넌트만 선정했다. 보라색은 4명의 디자이너가 공통적으로 필요하다고 생각한 컴포넌트, 그리고 노란색은 논의를 통해 추가적으로 선정했다. 하지만 컴포넌트 구축과정에서 한 가지 문제점을 발견할 수 있

Handy 컬러시스템 구축과정 - 디자인시스템 구축기#5

2024-08-20T01:12:03Z

기존의 브랜드 컬러 기존의 브랜드컬러는 #816DEC로 WCAG 2.0 명도대비 접근성에서 어긋나는 컬러였다. 다음과 같이 UI에서 보이는 포인트 컬러 텍스트들의 가독성이 매우 떨어짐을 알 수 있다. 특히나 '삭제'버튼의 가독성이 매우 떨어짐을 알 수 있는데 해당 문제로 인해 전체적인 컬러시스템 개선의 필요성을 알 수 있었다. 색 대비 기준 1. 명암비

디자인시스템 Principle, 네이밍 구축하기 - 디자인시스템 구축기#4

2024-06-17T06:55:17Z

Principle 구축 새로운 디자인시스템 구축을 진행하기 전, 디자인팀은 새로운 디자인시스템의 원칙을 정하기로 했다. 명확한 기준이 있어야 디자인시스템을 제작하면서 일관된 목표를 가지고 진행할 수 있기에 각자 후보를 몇 가지 가져왔다. 디자인팀원#1 1. 학생 맞춤 - 학생들이 갖고 있는 문제를 해결한다. 더 쾌적한 학교생활이 될 수 있도록 연구하고 디

YDS 개발팀과의 인터뷰 - 디자인시스템 구축기#3

2024-05-29T14:56:12Z

웹팀, iOS팀, 안드로이드팀과의 인터뷰를 각각 진행했다. 진행절차는 다음과 같았다. 진행절차 1. 디자인팀에서 논의된 현 YDS 문제점 공유 2. 개발팀에서 인지한 현 YDS 문제점 공유 3. TF팀 참여여부 4. 주니어 참여여부 5. TF팀 일정 논의 디자인팀뿐만 아니라 예상대로 개발팀에서 여러 문제점들을 느끼고 있었다. 아래는 각 팀마다 느끼는

Official for All Fans '위버스' - UX/UI 분석

2024-05-26T08:40:15Z

서비스 소개 Weverse는 글로벌 팬 커뮤니티 플랫폼으로, 아티스트와 팬이 소통할 수 있는 공간을 제공합니다. 팬들은 아티스트의 독점 콘텐츠를 감상하고, 다양한 이벤트에 참여하며, 커뮤니티 내에서 다른 팬들과 소통할 수 있습니다. 특히 K-pop 아티스트와의 직접적인 소통과 최신 소식을 제공하는 것이 특징입니다. 내가 애정하는 아이돌의 커뮤니티 위버스

디자이너들이 생각한 기존 YDS 문제점 - 디자인시스템 구축기#2

2024-06-16T09:07:58Z

YDS(Yourssu Design System)의 대규모 개편을 위해 총 3가지 안건을 가지고 디자인팀 회의를 진행했다. 안건 1. 디자인팀 내부에서 생각한 현 YDS의 문제점 2. 디자인시스템 작업에서 본인이 책임질 분야 정하기 3. 개발팀 인터뷰 일정 1. 디자인팀 내부에서 생각한 현 YDS의 문제점 우선 위 이미지와 같이 3명의 디자이너들이 생각

나를 가꾸는 참 쉬운 방법 '카카오헤어샵' - UX/UI 분석

2024-05-19T08:45:42Z

서비스 소개 카카오헤어샵은 카카오에서 제공하는 헤어샵 예약 서비스로, 사용자가 손쉽게 주변 미용실을 검색하고 예약할 수 있도록 도와줍니다. 이 서비스는 카카오톡과 연동되어 별도의 앱 설치 없이 이용할 수 있으며, 실시간 예약 시스템을 통해 원하는 시간에 예약을 할 수 있습니다. 또한, 고객 리뷰와 평점을 통해 신뢰할 수 있는 미용실을 선택할 수 있고, 포인

동아리 디자인시스템 'YDS' 대규모 개편을 시작하다 - 디자인시스템 구축기#1

2024-06-16T09:07:02Z

동아리 소개 현재 재학 중인 대학교에서 '유어슈'라는 IT동아리에 활동 중이다. 다른 IT 동아리와 비교해서 이 동아리의 특별한 점이자 다른 점이 하나 있다. 보통의 동아리에서는 일정 기간 내에 론칭까지 목표로 하는 기수별 팀원들을 모집해서 프로덕트 출시를 위해 몇 개월간 협업한다. 하지만 유어슈는 간단히 말해서 하나의 스타트업처럼 돌아간다. PM, 디자인

직장인 익명 커뮤니티 '블라인드' - UX/UI 분석

2024-05-14T07:09:53Z

서비스 소개 블라인드 서비스는 직장인들이 회사 내외부의 다양한 정보를 익명으로 공유하고 토론할 수 있는 소셜 네트워크 서비스입니다. 사용자들은 실명 대신 익명성이 보장되는 환경에서 직장 생활, 연봉, 기업 문화, 업계 동향 등에 대해 자유롭게 의견을 나눌 수 있습니다. 또한, 블라인드는 직장인들의 커리어 개발과 직업 만족도를 높이는데 도움을 주는 정보와 자

칼로리 계산 & 다이어트 커뮤니티 '인아웃' - UX/UI 분석

2024-05-05T12:11:51Z

서비스 소개 인아웃은 나의 신체 정보와 식단 습관을 입력하면 Miffin & St jeor(기초대사량 계산 수식) 방식을 활용해 계산 후, 나에게 맞는 맞춤 칼로리 계산을 제공해 주는 어플입니다. 나만의 맞춤 칼로리 계산법 인아웃의 온보딩에서는 건강관리 어플답게 나의 신체정보와 식단 계획 등을 작성해서 내 목표 칼로리를 계산해 줍니다. 이는 근거 없는

모이는 금융 커지는 혜택 '모니모' - UX/UI 분석

2024-04-29T03:44:43Z

삼성의 ‘모니모’ 서비스는 삼성카드 · 삼성생명 · 삼성화재 · 삼성증권 앱을 하나로 모은 슈퍼앱 서비스입니다. 다양한 생활습관 미션을 클리어하여 젤리를 현금처럼 사용하는 앱테크가 가능하다는 것이 특징이며, 자산 관리 · 송금까지 가능한 다방면으로 유용한 서비스입니다. 눈이 즐거운 GUI 퀄리티 먼저 모니모의 전체적인 GUI에 대해서 먼저 말씀을 드려야

장소 검색부터 이동까지 한 번에 '네이버지도' - UX/UI 분석

2024-04-16T23:14:04Z

초행길도 쉬운 UX/UI 네이버지도에서 도착지를 입력하면 자동으로 내 위치가 입력이 되고, 최적의 동선을 순서로 경로를 제공해 줍니다. 내가 간선버스를 타야 한다면 파란색, 마을버스라면 초록색, 그리고 지하철이라면 호선별 색상으로 구분할 수 있도록 UI를 제공하고 있습니다. 경로에 대한 상세정보를 위해 경로 중 하나를 클릭하면 자동으로 전체적인 경로를 나타

금융을 넓히는 기술 '네이버페이' - UX/UI 분석

2024-04-24T23:45:06Z

화려하긴 한데 직관적이지 않다? 네이버페이에 처음 진입하고 나서 시선이 많이 분산된다는 느낌을 받았습니다. 이유를 천천히 살펴보니 아주 단순한 2가지 이유였습니다. 1번은 QR위에 그러데이션 컬러가 있는 버튼까지 있으니 홈 정중앙부터 겹치는 요소로 인해 복잡성을 느꼈고, 네이버페이카드 모양의 UI도 뒤에 카드가 더 있다는 인식을 위한 UI로 제작하다 보니

백화점의 모든 혜택을 한 곳에 담다 '롯데백화점' - UX/UI 분석

2024-04-15T07:48:04Z

개인화된 'STORE IN' 모드 롯데백화점에서 가장 눈에 띄는 기능은 ‘스토어 IN 모드' 기능이었습니다. 우측 상단의 토글버튼은 클릭하면 나와 가장 가까운 롯데백화점의 IN모드로 변경되어 해당 백화점에 대한 정보와 기능으로 바로 전환이 가능해서 매우 간편한 기능이라고 생각되었습니다. 예를 들어 내가 현재 롯데백화점 본점에 위치해 있다면, 해당 백화점에

새로운 뷰티의 발견 '화해' - UX/UI 분석

2024-04-08T07:32:48Z

화해가 얼마 전 입체적인 3D로고와 함께 리브랜딩을 발표했습니다. 화해는 현재 국내 사용자수 1위 뷰티앱으로, 소비자가 화장품을 소비할 때 여러 가지 성분을 알려줌으로써 구매를 돕는 어플입니다. 또한, 화해어워드 등 다양한 마케팅 방식으로 화장품서비스 업계에서 굳건히 1위를 지키고 있습니다. 너무 많은 것을 담으려고 했던 홈 UI 화해의 홈에 진입하고