다양한 데이터를 다루는 웹 서비스를 설계할 때 자주 사용하는 UI 요소 중 하나가 테이블(table)입니다. 저는 작년까지만 해도 모바일 경험을 주로 다루면서 테이블을 디자인할 일이 거의 없었는데요...그런데 올 초, 지금의 회사로 이직하면서 테이블을 자주 디자인하게 되었어요. 처음엔 엑셀 시트 같은 테이블UI를 다루는 게 낯설었습니다. 어색함 속.. 단순히 데이터를 테이블 안에 나열하는 방식으로만 디자인했던 것 같네요. 그러나 시간이 지나면서 테이블을 효과적으로 활용하는 방법을 점차 찾아가고 있는데요, 이번 글에서는 그중 일부를 정리해 보고자 합니다. 먼저, 테이블(table)이 무엇이며 어떤 목적을 가지고 있는지 살펴보겠습니다. 테이블은 단순히 데이터를 나열하는 것 이상의 역할을 합니다. 데이터를 체..

[프로젝트 회고] 독서타임, 독서 시간 기록 앱 MVP를 출시하며... 이 글을 회고에 올릴지, 프로젝트로 올릴지 고민하다가 결국 회고 카테고리에 남겨본다. 쓸모없더라도, 아무도 관심 갖지 않더라도, 우리가 사용할 수 있는 작은 앱을 만들어 발전시켜 보자! 그 design-tra.tistory.com 2023년 6월 독서타임의 MVP 버전을 처음 시작한 후로 약 8개월의 시간이 흘렀어요. 그러는 사이 티 날 듯 나지 않는 UX적인 개선도 많이 이루어졌고, 피드백을 바탕으로 새로운 기능과 페이지를 추가해 갔어요. 이제는 제법 앱 서비스 다운 모습도 보여주고있는 듯해요. '앱' 다워진 기념으로 이번 아티클을 통해 출시 이후의 시간 동안 어떤 변화들이 있었는지 기록해 보고자 합니다. 유저 피드백을 어떻게 받고..

UI 디자이너, UX 디자이너, 프로덕트 디자이너는 무슨 차이예요?? 정보를 얻기 위한 목적으로 몇몇 오픈 채팅방에 들어가 있다. 채팅방에 주기적으로 올라오는 질문이 있는데, UI 디자이너 UX 디자이너 프로덕트 디자이너(Product Designer)가 어떤 차이인지에 대한 내용이었다. 실무에 있는 많은 디자이너들도 아직까지 명확하게 답해주는 사람이 적은 듯하다. 그래서 이 글을 바탕으로 UI, UX, 프로덕트 디자이너 간의 차이를 구별해보고자 한다. "프로덕트 디자이너는 UI 디자인을 아예 못해도 된다고 하는데, 정말인가요?" "UX/UI 디자이너랑 프로덕트 디자이너랑 무슨 차이예요?" "JD를 확인하는데, 적혀있는 어쩌고 저쩌고 가 무슨 뜻인지 모르겠어요." 얼핏 보기에 UI 디자이너, UX 디자이..

이 아티클에서 알 수 있는 내용 1. 싱크 얼라우드는 왜 요청하는 걸까? 2. 사용자 질문에 어떻게 대응/답변해야 할까? UT를 진행하다 보면, 참여자의 행동이나 질문에 어떻게 대처해야 할지 머뭇거리게 되는 경우가 많다면 오늘 아티클을 꼭! 읽으면 좋다. 참여자 반응에 어떻게 반응하면, 더 값진 UT 데이터를 얻을 수 있는지 살펴볼 예정이다. 답부터 말하자면.... 그 비밀은 바로, "대화하는 사용성 테스트"다. UX 리서치 사용성 평가(Usability Test) 시리즈 1편. [UXR] 사용성 평가(Usability Test) - ❶ 개념/테스트 종류 - 2편. [UXR] 사용성 평가(Usability Test) - ❷ 정량 UT- 3편. [UXR] 사용성 평가(Usability Test) - ❸ 어..

를 먼저 읽고 오면 더 좋아요. [UX Writing] Q: UX 라이팅 어떻게 써야할까요? A: 두가지로 요약해드립니다. - ❶편. 이해하기 쉽게 쓰 이미지 자료 중 일부는 학위 연구에서 인용하였습니다. Q. 모바일 앱 어플리케이션에서 텍스트는 몇 % 나 차지하고 있을까요? 인터콤에 따르면, 앱스토어 내 인기 앱 25개를 분석했을 때 앱 안에 design-tra.tistory.com 이미지 자료 중 일부는 학위 연구에서 인용하였습니다. 이 글은 보이스 앤 톤(Voice&Tone)에 대한 내용입니다. 많은 UX 라이팅 서적에서 일관된 라이팅의 중요성을 강조하고 있는데요, 왜 그런 걸까요? 그리고 모든 플로우와 케이스에서 일관성을 유지했을 때 발생할 수 있는 문제상황이 있다는데, 무엇일까요? 언어는 디지털..

이 글을 회고에 올릴지, 프로젝트로 올릴지 고민하다가 결국 회고 카테고리에 남겨본다. 쓸모없더라도, 아무도 관심 갖지 않더라도, 우리가 사용할 수 있는 작은 앱을 만들어 발전시켜 보자! 그렇게 나와 빈은 독서타임이라는 독서시간 기록 앱을 2개월 만에 출시했다. 이제 갓 출시를 마치고 돌아와, 지난 2개월의 시간을 회고하는 시간을 가졌다. *참고사항 : 독서타임은 지금은 '독서 시간 측정과 기록' 두 가지 기능만 제공하지만, 앞으로는 독서와 관련한 더 다양하고 흥미로운 기능들을 추가할 예정이다. 회고의 목적을 먼저 잡았다. 🚩 오래 끌고 가려면 합을 맞춰야 한다. 그래서 어떻게 하면 프로젝트를 롱런하게 할 수 있을까? 프로젝트 매니징부터 기획, 디자인까지 책임지며 하려다 보니 확실히 처음이라서 어떻게 해야..

UX 리서치 사용성 평가(Usability Test) 시리즈 1편. [UXR] 사용성 평가(Usability Test) - ❶ 개념/테스트 종류 - 2편. [UXR] 사용성 평가(Usability Test) - ❷ 정량 UT- 3편. [UXR] 사용성 평가(Usability Test) - ❸ 어떤 표현과 단어로 태스크를 요청할까? - 4편. [UXR] 사용성 평가(Usability Test) - ❹ UT는 어떤 태스크로 구성해야할까?- 5편. [UXR] 사용성 평가(Usability Test) - ❺ UT 전, 안내하기 - 6편. [UXR] 사용성 평가(Usability Test) - ❻ 사용자 실제 데이터로 사용성 평가하기- 👈👀 now 7편. [UXR] 사용성 평가(Usability Test) - ❼..

이미지 자료 중 일부는 학위 연구에서 인용하였습니다. Q. 모바일 앱 어플리케이션에서 텍스트는 몇 % 나 차지하고 있을까요? 인터콤에 따르면, 앱스토어 내 인기 앱 25개를 분석했을 때 앱 안에 들어가는 텍스트는 평균 36%정도 된다고 합니다. 심지어 Strava, Google Maps, Uber 같은 지도 및 운송 서비스와 Paypal, Revolut 등의 핀테크 서비스의 경우 인터페이스의 40% 이상을 텍스트가 차지하고 있어요. 소셜미디어 (Facebook, Instagram, Snapchat, TikTok, Twitter, YouTube) 26.4% 피트니스 (Fitbit, Strava) 35.3% 여행 (Airbnb, Ryanair) 35.5% 음악 및 오디오 (Apple Music, Spotif..

'국내에서 UX 라이팅은 당연 화제다. 실리콘벨리는 2017년을 기점으로 많은 실무자/연구자에게 UX 라이팅이 소개되었고 우리나라는 상대적으로 늦은 시점에 주목받고 있다. ‘UX 라이팅’이라는 단어가 대중의 인식을 높인 것은 2017년 사실 UX 라이팅이 의미하는 "User eXperience Writing" 사용자 경험을 위한 글쓰기(즉, 독자를 위한 글쓰기)는 이전부터 중요하게 강조되었던 글쓰기 기법 중 하나다. Google I/O '17의 ‘단어로 제품을 돋보이게 만드는 방법(How Words Can Make Your Product Stand Out)’ 발표 영상이 공개되고, 키네렛 이프 라(Kinneret Yifrah)의 마이크로카피가 발간되며 업계에 소개되었지만, 사실은 이미 디지털 환경에서의 ..

리서치 패널 : UX 리서치(인터뷰, 설문 등)에 참가하겠다고 의사를 밝힌 그룹 인하우스에서 일하는 UX 리서처들은 리서치 프로젝트마다 새로운 참여자를 모집하는 대신 미리 리서치 대상 집단인 리서치 패널을 구성하여 활용한다. 리서치 패널은 특정 제품, 서비스 또는 플랫폼을 사용하는 다양한 사용자 프로필을 대표하는 사람들로 구성되는데, 패널 멤버들은 주기적으로 제품 또는 서비스를 사용하고, 리서처는 설문 조사, 인터뷰, 유저 테스트 등을 진행하여 패널의 의견과 피드백을 수집할 수 있다. 리서치 패널을 활용하는 이유는 간단하다. 모집한 리서치 패널은 일정을 단축하고 결과를 신속하게 얻을 수 있는 효율성을 갖고 있기 때문. 필요할 때마다 빠르게 적합한 패널을 골라 리서치를 진행할 수 있다. 패널들은 이미 참여..

✔️ 이 글에서 얻어갈 수 있는 내용 1. UT 안내는 어떻게 할까? 2. 참여자에게 미리 알려야 하는 정보는 무엇인가? 원활히 사용성 평가(UT)를 진행하기 위해서는 테스트 시작 전 참여자에게 알려야하는 몇 가지 정보가 있다. 본격적인 테스트 전 어떤 정보를 미리 안내해야 하는지 확인해 보자! 이번 글은 NN/g의 영상과 아티클을 참고했어요 :) UX 리서치 사용성 평가(Usability Test) 시리즈 1편. [UXR] 사용성 평가(Usability Test) - ❶ 개념/테스트 종류 - 2편. [UXR] 사용성 평가(Usability Test) - ❷ 정량 UT- 3편. [UXR] 사용성 평가(Usability Test) - ❸ 어떤 표현과 단어로 태스크를 요청할까? - 4편. [UXR] 사용성 ..

✔️ 이 글에서 얻어갈 수 있는 내용 1. 어떤 기능을 태스크로 만들어야 할까? 2. 현실감 있는 태스크를 만드는 방법은 무엇이 있을까? 지난 편에서 못다 한 정성 UT에 대한 이야기를 오늘 꺼내보려고 한다. 3편에서 어떤 표현을 사용하여 시나리오를 작성해야 하는지(ex-기능명을 사용하지 않는다 등..)에 대해 살펴봤다면, 조금 더 넓은 범위에서 어떻게 태스크와 시나리오를 구성/설계할지에 대해 살펴볼 예정이다. UX 리서치 사용성 평가(Usability Test) 시리즈 1편. [UXR] 사용성 평가(Usability Test) - ❶ 개념/테스트 종류 - 2편. [UXR] 사용성 평가(Usability Test) - ❷ 정량 UT- 3편. [UXR] 사용성 평가(Usability Test) - ❸ 어떤..