분류 전체보기 (16) 썸네일형 리스트형 UX개선 사용자 테스트 스파르타코딩클럽 내일배움캠프 UX/UI 디자인 부트캠프 랜딩 페이지 개선을 위한 사용성 테스트를 진행해보고,도출한 인사이트를 기반으로 디자인을 개선해봅니다. 🔗 스파르타코딩클럽 내일배움캠프 UX/UI 디자인 부트캠프 랜딩 페이지 [카카오톡 선물하기] 고객 여정지도 💁♀️ 카카오톡 선물하기 서비스를 통해 친구에게 생일 선물을 보내는 유저의 고객 여정지도 그리기 [유저 페르소나]주요 인적 사항 : 스타트업 데이터 분석가 (32세)니즈 : 추천 상품을 구매하고 싶은 니즈가 있어요.페인 포인트 : 복잡하게 이것저것 찾아보는 걸 귀찮아해요.기술 친숙도 : 주 2회 이상 커머스를 잘 활용해요.관심있는 브랜드 : 무신사, 하이버[유저 시나리오]유저 : 30대 직장인 유저목표 : 카카오톡 선물하기 서비스를 통해 친구에게 생일 선물을 보내려고 해요.동기 : 추천 상품 중 인기가 많은 5만원 이상 가격대에 있는 선물 중에 골라서 성의 있는 선물을 전하고 싶어졌어요.외부 요소 : 야근을 하느라 단톡방을 보지 못해서 친구가 생일이라는 사실을 뒤늦게 알게 됐어요. 지금이 저녁 11시.. 유저 페르소나 작성 피부관리 & 성형 정보 서비스를 이용하는 유저 페르소나 작성하기 [구성 요소]이름주요 인적 사항니즈페인 포인트기술 친숙도관심있는 브랜드 유저 심층 인터뷰 질문 작성 💁♀️ 구인구직 서비스를 사용하는 취준생 유저가 서비스를 사용하면서 겪는 문제를 파악하기 위한 심층 인터뷰 질문 작성 [인터뷰 질문 구성]아이스브레이킹 질문 → 답을 바로 떠올릴 수 있는 질문 → 고민이 필요한 질문 → 마무리 질문[구인구직 서비스 선택]원티드[심층 인터뷰 질문]어떤 직종에 구직을 희망하시나요?취업을 준비한 기간이 얼마나 되셨나요?채용 공고를 찾아볼 때 어떤 기준으로 검색을 하시나요? (예: 지역별/직종별/인기기업 등)구직 시, '원티드'를 선택한 이유가 무엇인가요?'원티드'에서 개선이 필요하다고 생각하는 부분이 있다면 알려주세요. (선택 사항) 데이터기반 UX 개선 사례 조사 1️⃣ 문제정의문제를 어떻게 발견했고, 원인은 무엇이었나요?2️⃣ 가설수립어떤 가설을 세웠나요?3️⃣ 해결방법문제를 어떻게 해결했나요?4️⃣ 검증과정가설을 검증하기 위해 어떤 방법을 활용했고, 어떤 지표를 모니터링 했나요?5️⃣ 결과어떤 임팩트가 있었나요? (사례1) 강남언니 - 수다방 커뮤니티1️⃣ 문제정의비즈니스 임팩트는 무엇일까?회사가 중요하게 생각하는 지표 상승이 곧 비즈니스 임팩트이다.지표의 상승을 강남언니는 '병원을 선택한 유저의 수'로 본다.'병원을 선택하는 것'을 유저의 핵심 행동이라 정의하고,비즈니스 임팩트 내기(=지표 상승 시키기)를 위해 커뮤니티 메뉴인 수다방(유저들의 고민과 경험을 공유하는 곳)을 분석하였다.수다방의 사용패턴 : 발품리스트(본인이 상담하러 갈 혹은 갔던 병원 리스트).. 피그마 활용법 과제(2) - 식료품 커머스 앱 제작(프로토타입) 피그마 활용법 과제(1)에서 진행했던 UI 디자인 화면을사용자 시나리오에 맞게 프로토타입으로 구현해 보았습니다. ▶ 사용자 시나리오▶ 프로토타입 피그마 활용법 과제(1) - 식료품 커머스 앱 제작 ✅ 식료품 및 생필품을 구매할 수 있는 가상의 커머스 앱을 제작합니다.✅ 일관된 UI 원칙을 수립하고 이를 바탕으로 UI 컴포넌트를 설계할 수 있어요. ▶ 사용자 시나리오 ▶ UI 화면 디자인 비주얼 디자인 과제 - 여행 플래너 앱 만들기 ▶ 제품 : 맞춤형 여행 플래너 앱 ▶ 타겟 사용자 :자유여행을 즐기는 20~30대 여행자 ▶ 디자인 컨셉 : 타겟 사용자에 맡게 전체적으로 자유롭고, 캐주얼하고, 젊은 느낌으로 컨셉을 잡았습니다.톤앤매너는 20~30대인 사용자에 맞춰 밝고, 긍정적인 효과를 줄 수 있는 블루 계열의 색을 사용하였습니다.레이아웃은 사용자들이 직관적으로 정보를 인식 할 수 있도록 규칙적이고, 심플한 레이아웃을 사용하였습니다. [배달의민족] 디자인 원칙을 활용한 래퍼런스 분석 👉 선정한 앱 : 배달의 민족디자인 입문 개인 과제를 마치며 KTP 회고하기KEEP(지속할 것)과제의 완성도도 중요하지만 과제를 진행하면서 어떤 점을 배우게 되었는지 정리하고 생각해 보는게 좋을 것 같다.팀원들과의 소통!,, 팀원들과 매일 계획과 과제를 공유해 보면서 얻을 수 있는 인사이트가 많다는 것을 느낀다.PROBLEM(문제가된 것)이번 디자인 입문 과제를 하면서 어려움을 많이 느꼈다. 과제에 대한 이해와 자료들의 리서치가 부족했던 것 같다.TRY(다음에 시도할 것)과제를 할 때 더 많은 리서치들을 찾아보고, 얻어낸 자료들을 바탕으로 확신을 갖는 것더 꼼꼼하게 생각해보고 문제와 해결 방법을 구체화 시킬 것 [에브리타임/블라인드] 커뮤니티 서비스 분석 디자인씽킹 프로세스에 대한 이해도를 높이기 위해커뮤니티 서비스인 에브리타임과 블라인드의 주요기능과 특징을 살펴보면서 두 제품을 분석해보자. [참고 자료]🔗 에브리타임/블라인드 앱 이용 동향🔗 IGAworks - 에브리타임 분석🔗 IGAworks - 블라인드 분석🔗 에브리타임 - 공식 홈페이지🔗 블라인드 - 공식 홈페이지 1️⃣ 에브리타임과 블라인드는 어떤 서비스일까?👉 에브리타임에브리타임은 국내 최대 대학 생활 플랫폼으로 전국의 모든 대학과 재학생들을 대상으로 운영하는 서비스이다. ▶ 주요 기능 :커뮤니티자유게시판을 활용하여 다양한 정보(오늘의 학식/중고거래/실시간 학교 정보)와 이야기(강의 정보/시험 정보)를 공유할 수 있다.학교 그룹 채팅 / 쪽지 기능시간표수강 신청 / 강의 일정 / 학.. [카카오톡] 디자인 원칙에 기반한 래퍼런스 분석 1️⃣ 화면 구조 분석카카오톡의 메인 탭 화면들이 어떤 구조로 되어있는지 화면별로 분석해보자. 2️⃣ 디자인 원칙 기반 분석👍 좋은 사례 선물하기와 친구 생일 확인 버튼의 색만 핑크색으로 사용하였다.색상의 차이를 통해 특정 부분을 돋보이게 하였고,두개의 버튼을 같은 색상으로 표현하여 사용자들이 유사성을 느낄 수 있다. (대비, 유사성의 원리) 사용자들은 화면을 아래로 당기면 페이지가 새로고침 되는 기능을 알고 있다.이미 알고 있는 멘탈 모델을 사용함으로써사용자들이 익숙함을 느낄 수 있다. (제이콥의 법칙) 👎 안좋은 사례 1. 우측 하단 Floating action button의 명암 대비가 크지 않아서 눈에 잘 띄지 않는다. (대비)2. 최근 쇼핑 히스토리를 보여주는 버튼은 사이즈가 작아서 클릭 .. [뱅크샐러드] 테스트케이스(TC) + 디자인QA 작성 👉 테스트케이스 작성하고 디자인 QA로 발견한 이슈 공유하기 뱅크샐러드의 회원가입/로그인 과정에서휴대폰 본인인증 화면에 대한 QA를 한다고 가정하고 테스트를 진행해 보겠습니다. 1️⃣ 테스트케이스 작성 2️⃣ 디자인 QA로 발견한 이슈 공유 [필라이즈] 내가 자주 쓰는 서비스 뜯어보기 ✅ 내가 자주 쓰는 서비스를 UXUI 관점에서 화면 분석해보자. 1️⃣ 서비스 선정하기▶ 선정한 앱 : 필라이즈▶ 분야 : 라이프 스타일▶ 앱 설명 : 영양제, 식단, 혈당, 수분, 운동, 컨디션, 단식, 걸음수까지, 내 몸에 맞는 꼼꼼한 맞춤 피드백으로 건강하고 걱정없는 건강 관리를 도와드릴게요!2️⃣ 앱 화면에서 분석할 요소를 찾아보고, 가이드에 맞게 분석하기 검색창(Search Fields) ▶ 가이드 링크 : https://m3.material.io/components/search/overview Search – Material Design 3Search allows users to enter a keyword or phrase and get relevant information. It’s an .. 피그마로 플로우 차트 만들기 피그마 플러그인을 사용해서 플로우 차트를 만들어 보겠습니다. 1단계 : 플로우 차트를 만들 프레임을 생성해 줍니다. 2단계 : Flow chart 플러그인을 검색하여 실행합니다. 3단계 : 플러그인을 실행하면 상단에 아래 이미지와 같은 도형들이 나옵니다.이 중 원하는 도형을 선택하여 클릭합니다. 4단계 : 도형을 원하는 위치에 배치하고,도형 안에 텍스트를 더블 클릭하여 텍스트를 변경해 줍니다. 5단계 : 현재 작업중인 도형을 클릭하면 아래 이미지와 같이 4방향으로 화살표가 나옵니다.추가하려는 방향의 화살표를 클릭하여 도형을 추가해 줍니다. 4단계와 5단계를 반복하여 원하는 형태의 플로우 차트를 만들어 주면 완성입니다! 아티클 스터디 - 여기어때 퍼소나는 어떻게 만들어졌을까? https://techblog.gccompany.co.kr/여기어때-퍼소나는-어떻게-만들어졌을까-3c299cff3bc0 여기어때 퍼소나는 어떻게 만들어졌을까?글. 정혜수(Riley) / UX Researchertechblog.gccompany.co.kr여기어때 퍼소나 프로젝트에 UX Researcher로 참여를 했던 글쓴이의 후기 퍼소나 정의특정 제품이나 서비스를 사용할 다양한 사용자를 실제로 관찰해서 얻는 정보를 바탕으로 만드는 전략적 가상의 인물 퍼소나 제작 과정 STEP 1. 퍼소나 필요성에 대해 고민하기 - 퍼소나가 필요한 이유사용자를 공감함으로써 누구를 위해, 왜 제품을 기획하고 디자인하는지 목적이 분명해진다.사용자가 제품을 사용하는 목표, 동기, 잠재적인 수요를 정의하여 맞춤화된 UX를 제공할.. 아티클 스터디 - 2024 UXUI 디자인 트렌드 https://brunch.co.kr/@tigrisdesign/16 2024 UI/UX 디자인 트렌드(1)기술을 주제로 예측해 보는 흐름과 디자이너의 역할 | 이번 포스트에서는 빠르게 발전하는 첨단 기술을 기반으로 다가올 2024년의 UI/UX 디자인 트렌드를 살펴보려 합니다. A. 디자이너와 AI 올 한brunch.co.kr 📖 핵심 내용AI와 음성인식, 가상/증강현실 등 첨단 기술이 빠르게 발전하면서,사용자들에게 큰 편의성을 가져다주는 만큼 앞으로의 영향력도 커질 것으로 보입니다.변화하는 기술에 맞춰 디자이너의 역할도 중요해졌습니다.디자이너는 AI 활용으로 기획과 제작의 효율을 높이는 동시에 제품의 첨단 기술을 녹일 수 있도록 고민해야 하며,기술을 사용하는 경험을 긍정적으로 만드는 역할을 해야합니다.. 이전 1 다음
