위클리 UX/UI 분석 챌린지

한국 VS 일본 웹사이트 디자인, 무엇이 다를까? #아티클공유 By @누워있는 하마 - 8월 챌린지 결과물 (원문 : DesignDB 아티클) ✅ 일본의 웹사이트, 한국과는 무엇이 다를까? - 한국과 일본 웹사이트 비교 시 눈에 띄는 차이점은 사이트의 첫 페이지에서 텍스트를 통해 전달되는 정보의 양이다. - 한국 웹사이트는 시각적 요소를 강조한 이미지를 중심으로 스크롤을 통해 화면을 이동하면서 상세한 정보에 접근할 수 있도록 구성하는 반면 일본 웹사이트는 다량의 정보를 첫 페이지에 한 번에 전달하려고 하는 경향이 강하다. ✅일본의 웹사이트, 왜 다를까? 1️⃣ 소비자의 편의를 고려한 배치 선호 - 한국 기업은 제품의 이미지를 중요시하여 큰 사진을 화면에 배치하는 디자인을 선호하는 반면 일본은 제품의 효과..

[Airbnb의 디자인에서 배울점 10가지] #아티클공유 By @레오 (운영자) - 7월 스터디 결과물 * medium 내 포스팅의 내용을 정리한 것입니다. 보다 정확한/구체적인 내용을 보고싶으시다면 원문을 참고해주세요. 1. 사용자 중심 디자인 - 에어비앤비의 디자인은 사용자를 중심으로 이루어짐. - 에어비앤비만의 특별한 점은 사용자 피드백을 통해 진화한다는 점. 사용자가 무엇을 필요로 하고 어떻게 느끼는지 파악하여 시각적으로 보기 좋을 뿐 아니라 실용적이고 사용자 친화적인 플랫폼을 만들었음. - "디자인은 단순히 외형뿐 아니라 작동 방식에 관한 것입니다." - 알렉스 슐라이퍼, 에어비앤비 디자인 책임자 - 에어비앤비는 무엇보다도 사용자 피드백을 중요하게 생각하기 때문에 정기적으로 설문조사까지 진행함...

[더 비싼 상품이나 특정 상품의 결제를 유도하는 UX들] #UX #UI 리뷰 - By @레오 (운영자) 💬 살펴볼 것 (1) B2B SaaS 에서 가격 Plan을 고를 때 (2) 혹은 캐쉬/크레딧/토큰 등 구매 과정에서 다양한 가격의 상품이 사용자에게 보여질 때 ‘특정 상품’ 혹은 ‘고가의 상품’을 결제하도록 유도하는 장치들이 있다. 다양한 서비스들에서 어떤 장치를 사용하고 있는지 살펴보자. ✅ 자주 쓰이는 방법 (1) 특정 상품에 Best, Popular, 인기 등의 태그를 붙여 많은 사람들이 선택한 상품이라는 것을 강조하기 (2) 할인 or 보너스 크레딧 제공 등 금전적인 혜택을 제공해서 특정 상품 / 고가의 상품을 선택하도록 유도하기 1️⃣ 특정 상품을 결제하도록 유도 특정 상품의 결제를 유도할 때..

[일할 때 손에 쥐고 있어야 할 5가지 키워드] #아티클공유 By @눈물 님 - 7월 스터디 결과물 (원문 : 마케터초인님의 브런치 글) 1️⃣ WHY - 일의 의미 - 이 일을 왜 하는지 의미를 생각하며 일을 시작하고 진행시킨다. - 리더나 상사는 이 일의 의미가 무엇인지 충분히 설명을 제공해주어야 한다. - ‘일단은 그냥, 이유는 나중에’ 라는 말은 구성원들에게 어필될 수 없다. - 일의 의미를 만들 수 없다면 시작 자체를 고민해보아야 한다. - 일의 의미 정의가 시작이다. 2️⃣ CONTEXT - 일의 맥락 - 일의 배경과 다양한 이해관계를 이해하며 일을 시작하고 나아간다. - 어디로부터 시작되었는지, 누구를 위해 필요한 일인지, 데드라인은 언제까지인지, 리소스는 누가 태우고, 의사결정은 누가 리드..

[10가지 필수적인 UI 디자인 팁] #아티클공유 By @JINJIN 님 *아티클 원문(webflow블로그) 의 내용을 정리한 것입니다. 보다 정확한/구체적인 내용을 보고싶으시다면 원문을 참고해주세요. ✅사용자에 대해 이해하세요. - 가장 중요한 것은 사용자에 대해 이해하는 것. - 나이/성별 등 정보를 이해하는 것도 좋지만 '어떤 것을 필요로 하고, 그들이 목표를 달성하는 데 장애물이 되는 것은 무엇인지' 파악하는 것이 더 중요하다. - 단순히 어떤 것을 원하는지 이해하는 데서 그치지 말자. 깊게 파고들어서 깊은 곳의 니즈를 발견해야 한다. - 사용자와 대화하고 데이터를 분석해서 얻은 인사이트는 수많은 의사결정의 근거가 될것이다. ✅ 사용자가 인터페이스를 어떻게 사용할지 정의하세요. - 디자인을 시작하..

[ ‘Designing the Perfect Button’ 좋은 버튼 디자인을 위해 알아야 하는 모든 것] #아티클공유 By @누워있는 하마 님 - 7월 스터디 결과물 (아티클 원문 : wix -ux) 💬 intro - 버튼? - 많은 기업들이 버튼 클릭수 /클릭율을 중요한 지표로 봄 - 버튼의 동작방식/결과물을 직관적으로 알 수 있어야 함. - 버튼은 사용자가 제품을 조작해 목표를 달성할 수 있도록 돕는다. - 사용자는 버튼을 통해 인터페이스를 탐색 / 조작 혹은 둘 다 할 수 있게 된다. ✅ Clear 버튼을 직관적으로 만들기 - 버튼의 역할을 분명히 알 수 있게 만들어야 한다. - 텍스트를 통해서는 버튼을 눌렀을 때 결과를 분명히 설명해야 한다. - 또한 때로는 버튼에 들어가야 할 메시지가 많아서 ..

[메타의 텍스트 기반 SNS 스레드(Threads)의 UX/UI 리뷰] (인스타그램, 트위터와의 비교 포함) ✅ 스레드(Threads) 소개 - Threads는 메타에서 출시한 텍스트 기반 SNS로 '메타에서 만든 트위터' 라고 이해하면 쉽다. - 입력할 수 있는 텍스트 길이에 제한이 있어 짧은 호흡의 메시지들을 쭉 답글달아가며 메시지를 남길 수 있고 이는 트위터와 유사한 경험. ✅ 인스타그램 사용자가 Threads를 발견하는 경로 (1) Threads 미설치 사용자에게 프로필 내 메뉴에 빨간점 표기 -> 눌렀을 때 ‘신규’ 태그를 통해 스레드 앱을 발견할 수 있도록 유도 (2) 프로필 내 @n 이런 요소가 보임 (스레드의 몇 번째 사용자인지) ✅온보딩 - 프로필 세팅 UX - 직접 입력할 수도 있지만 ..

Medium의 'Define Problem Statements '을 읽고 공부할 겸 정리해보았습니다 :) 보다 정확한 & 많은 내용이 궁금하시다면 원문을 참고해주세요. https://osamaabdelnaser.medium.com/define-problem-statements-5cd7d3a9bb81 Define problem statements Identifying the problems that users face is one of the most important parts of UX design. But as critical as research is to the UX design… osamaabdelnaser.medium.com 1. 이 글에서 배울 수 있는 것들 - ux design에서 가장 중..

[게이미피케이션을 넘어 아예 게임을 앱 속에 넣어버린 올웨이즈 - '올팜' 기능 UX/UI 리뷰] (6월 스터디 결과물 with gabee 님) 💬 서비스 & 기능 & 목적 소개 - 올웨이즈는 팀 구매 형식의 공동구매 커머스 플랫폼. - 올웨이즈 내 기능인 ‘올팜’은 쇼핑 외 - 부가적인 기능으로 앱 내에서 게임처럼 농작물을 선택하고 물과 비료를 통해 농작물 키우기를 완료하면 키운 농작물을 실제로집으로 보내주는 서비스임. - 물과 비료는 기본적으로 제공되지만 친구 초대, 추천상품 시청, 상품 구매 등을 통해 추가적인 물과 비료를 받아 빠르게 레벨업하고 작물을 수확할 수 있다. - 앱 사용빈도 / 체류시간 늘리기, 상품 구매 유도, 마케팅 수신 동의, 친구 초대를 통한 사용자 증가 등 원하는 목표를 달성하..

[잘 만든 기능의 조건 4가지 - 사용자에게 잘 노출되고, 쓰고 싶고, 이해하기/쓰기 쉽고, 다시 쓰고 싶어야 한다!] (By @레오님 - #아티클 공유 - 5월) (아티클 원문 : https://brunch.co.kr/@dldydwo815/30 ) 잘 만든 기능의 조건 4가지 인스타그램의 게시물 홍보 기능을 살펴보다 떠오른 생각을 담았습니다. | (제가 운영 중인 "위클리 UX/UI 분석 챌린지" 스터디 참여를 위해 작성한 글입니다) (매주 UX/UI분석, 아티클공유, 북리뷰 brunch.co.kr 글은 아래의 순서로 전개됩니다. - 이 글을 쓰게 된 이유 - 잘 만든 기능의 조건 1 - 사용자에게 잘 노출된다. 발견하기 쉽다. - 잘 만든 기능의 조건 2 - 기능을 쓰고 싶게 만든다. - 잘 만든 기..