본문 바로가기
728x90

UX8

스포티파이 사용자 경험 스포티파이 무료사용 기간(3개월)이 끝나서 해지하러 들어갔다가 재미있는 경험을 하였다. 해지를 확정하고 나서의 마지막 화면이다."작별 인사를 건네는 일은 어려운 일이죠. 하지만 언제든지 돌아올 수 있어요."해지 절차가 끝난 사용자를 완곡하게 잡는다.여기서 포인트는 해지하는 과정은 짧게 끝내되 '부드럽게' 잡는다는 것이다.해지를 결심하고 메뉴를 찾아 들어온 사용자는 이미 확고한 결심이 선 상태이다.이 프로세스가 길어질수록 짜증만 난다.이 과정이 복잡하거나 해지 번복을 종용하는, 반복되는 멘트에 설사 마음이 바뀌어 해지를 중단하더라도과연 이 사용자는 기분 좋게 돌아갈 수 있을까?사용자를 잃는 기업의 입장에서는 어떻게든 이 task를 막아야하겠지만 이는 근시안적인 대처인 것 같다.선한 영향력의 UX는 넓게 퍼.. 2025. 3. 8.
Google I/O 2023 발표 영상에서 기억해둘만한 키워드 기록 (구글이 올해 발표에서 트렌드로 밀고 있는 내용 또는 몰랐던 UX 용어) Form follows feeling. predictive back gestures & navigation color contrast schemes smooth & natural motion, adaptive shaping morphing & motion soft corner color fidelity(material color utilities library): content based dynamic color large screen guidance design token curb cut effect 시청한 영상 머티리얼 디자인에 관한 새로운 소식 머티리얼 디자인으로 접근성을 도입하여 더 아.. 2023. 10. 25.
이미지 검색 사이트 모음 https://www.gettyimages.com/ Royalty-Free Stock Photos, Creative Images & Vectors | News, Fashion, and Entertainment imagery - Getty Images From catwalk to content Embrace the latest and greatest designs straight from fashion weeks all over the world. www.gettyimages.com https://pixabay.com/ko/ https://unsplash.com/ko 아름다운 무료 이미지 및 사진 | Unsplash 어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다... 2023. 10. 13.
모바일 디바이스 해상도(iPhone, Galaxy) 아이폰 Name Viewport Size(PX) 논리적 해상도 Device Resolution(PX) 물리적 해상도 Screen Size Pixel Ratio Density PPI CSS PPI Apple iPhone 11 414 x 896 828 x 1792 6.1″ 2.0 326 163 Apple iPhone 11 Pro 375 x 812 1125 x 2436 5.8″ 3.0 458 153 Apple iPhone 11 Pro Max 414 x 896 1242 x 2688 6.5″ 3.0 458 153 Apple iPhone 12 390 x 844 1170 x 2532 6.1″ 3.0 460 153 Apple iPhone 12 mini 360 x 780 1080 x 2340 5.4″ 3.0 476 15.. 2023. 10. 5.
타이포그래피 최적화 아래의 기사 내용 중 일부를 발췌한 글입니다. https://uxplanet.org/7-things-to-remember-when-selecting-fonts-for-your-design-ec1e592266c5 Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance. (Oliver Reichenstein) 타이포그래피 최적화란, 가독성, 접근성, 사용성, 전체적인 그래픽 균형을 최적화 하는 것이다. 서체(typeface)를 선택할때 고려할 점 1.브랜딩 브랜드의 느낌, 특성을 보여줄 수 있는 서체 선택 2.가독성(Legibility) 장식 서체는 제목과 헤드라인에만 사용하는 것이.. 2023. 5. 18.
Responsive web design 반응형 웹사이트(responsive website)를 결정하는 3가지 특징이 있다. (두개의 아티클에서 내용을 가져왔다) 1. Media queries Media queries thus allow developers to use condition checks to alter web designs based on the properties of the user’s device. This is superior to simply defining breakpoints in the HTML/CSS, as it’s a more tailored experience for the user. 미디어 쿼리를 통해 개발자는 조건 검사를 사용하여 사용자 장치의 속성을 기반으로 웹 디자인을 변경할 수 있습니다. 이는 사용자에게.. 2023. 5. 16.
IA(Information Architecture)의 중요성 IA(Information Architecture)는 알려진 것보다 훨씬 중요한 단계인 것 같다. 일단 화면 디자인(wireframe)을 하려면 work flow를 먼저 정의해야하고, IA를 구상하는 일이 선행되어야 한다. 직접 그려보면 안다. 이 과정을 생략했다면 다시 돌아가서 그리게 되어 있다. 그리고 타겟 고객의 어떤 고객가치를 최우선시 하느냐, 즉 어떤 화면을 처음으로 노출시키느냐에 따라 IA 의 상위뎁스가 달라질 것이고, 이는 UX기획자의 UX 전략에 따라 다른 결과물로 나타날 것이다. 이는 코세라 과제를 진행하면서 느낀 바였는데, 아래 아티클에도 비슷한 내용이 나와 있었다. https://uxplanet.org/information-architecture-basics-for-designers-.. 2023. 5. 16.
[UX 공부 일지] 독학 시작, coursera 강의 입문기 본격적으로 UX 공부를 시작하였다. 최종 목표는 사이드 프로젝트로 여러 과제를 해보면서 특정 수준의 포트폴리오를 만드는 것이다. 나의 상황은, UX를 전공했으나 회사 경력 기간동안 UX 리서치만 수행해서 (UI에 가까운) UX 디자인은 해본 적이 없으며, 따라서 인터랙션 디자인이 가미된 프로젝트의 포트폴리오가 전무하다. 현재대로라면 앞으로도 회사 업무에서 이러한 프로젝트를 해볼 기회가 거의 없기 때문에 독학을 선택하게 되었다. 연습용 커리큘럼 찾기 스케치나 피그마 등 관련 툴에 아직 익숙하지 못한 나. 툴에도 익숙해지고 UX 프로토타입이 나오기까지 일반적인 프로세스도 체화할 수 있도록 참고할 수 있는 커리큘럼이 필요했다. 1. 유투브 먼저, 유투브를 찾아보았다. 툴 사용에 대한 동영상이 생각보다는 많지 .. 2022. 7. 18.
728x90