🔖 2021년 7월 1주 TOP3

🔖 2021년 7월 1주 TOP3

1. Mobile UX 101: 모든 디자이너들이 알아야 할 팁과 모범 사례

2. 원격 UX 리서치를 덜 고통스럽게 만드는 12가지 도구

3. 디자인 시스템에 대한 간단한 가이드

Mobile UX 101: 모든 디자이너들이 알아야 할 팁과 모범 사례

대다수의 사람들에게 스마트폰은 우주의 중심입니다. 우리는 이것으로 서로 의사소통하고, TV를 보고, 추억을 간직하고, 돈을 지불하고, 음식을 주문하고, 최신 뉴스를 확인하고, 또한 비즈니스를 운영하기 위해 사용합니다. 목록들이 끝이 없네요. COVID-19가 발생하는 동안 이동단말기는 필수품이 되었고, 우리는 이러한 기기에 상당히 의존하고 있게 되었습니다.

2020년에는 거의 70억 명의 모바일 기기 사용자가 있었는데, 이 통계는 점차 확대되고 있습니다.

전 세계의 거의 67%가 모바일 기기를 소유하고 있지만, 가장 중요한 것은 모든 웹 사이트 트래픽의 50% 이상이 스마트폰에서 온다는 것입니다.(여기에는 기본 모바일 앱이 포함되지 않습니다.) 즉, UX 디자이너는 인터페이스를 디자인할 때 모바일 분야에 조금 더 집중해야 한다는 것을 의미하게 됩니다. 하지만, 정확하게 무엇에 초점을 맞춰야 할까요? 한번 보시죠.

권장 디자인 접근 방식: 모바일 우선 디자인

그렇다면 데스크톱 사용자 환경에 부정적인 영향을 주지 않으면서도 대부분의 사용자(물론 모바일 사용자)들을 위해 훌륭한 사용자 환경을 디자인하려면 어떻게 해야 할까요?

답변: UX 설계에 대한 모바일 우선 접근 방식을 채택합니다. 이러한 접근 방식은 대부분의 사용자에게 우선 적용되며 전체 UX 설계 프로세스를 훨씬 쉽게 처리할 수 있는 두 가지 주요 이점을 제공합니다.

모바일 우선 디자인의 이점

첫째, UX 디자인에 대한 모바일 우선 접근 방식을 채택하면 반응형 디자인이 더 쉬워집니다. 모든 유형, 화면 크기, 화면 해상도의 기기를 더 쉽게 수용할 수 있게 되죠. 이에 대한 두 가지 주요 이유는 더 작은 화면을 디자인하려면 꼭 필요하지 않은 기능들을 제거함으로써 기능 부피를 줄여야 하기 때문입니다. 결과적으로 이는 사용자의 인지 부하를 줄여주기 때문에 한 번에 너무 많은 일들이 일어나지 않게 됩니다.

최소한의 모바일 환경을 디자인 한 후에는 더 큰 화면으로 이동하는 것이 훨씬 쉬워졌습니다.

둘째, 기능 로드맵이 더 작고 사용자 인터페이스가 덜 복잡해서 디자인, 테스트 및 전송이 더 쉽고 빠르며 모바일 우선 접근은 솔루션 테스트에서 사용자 테스트를 더 효과적으로 수행할 수 있게 됩니다.

조금 더 실제적인 측면에 대해서 알아보겠습니다.

1. 한 손으로 사용할 수 있는 디자인.

가장 일반적인 사용자 유형은 한 손으로만 모바일 기기를 사용하는 사용자입니다. 사용자로서, 이것은 엄청나게 어려운 작업은 아니지만, 작업이 상당히 까다로워지고 사용자들이 좌절하게 되는 몇 가지 경우들이 있습니다.

아래 이미지는 평균 크기의 모바일 기기에서 다양한 탭 영역의 도달 가능성을 나타냅니다.(*원문 이미지 참고) 청록색 영역은 접근성이 가장 높고 빨간색 영역은 접근성이 가장 낮습니다. 이 문제는 더 큰 화면에서 두드러지게 됩니다. 화면은 커지지만 엄지손가락은 함께 커지도록 진화되지 않았기 때문이죠.(불행하게도..!)

가능하면 이러한 접근 가능한 영역 내에서 탭 대상을 디자인하세요. 특히, 이것은 화면의 중간 하단 영역을 향해 있습니다. 기본 내비게이션은 아래쪽에 고정되어야 방해받지 않고 접근할 수 있습니다.

2. 왼손잡이 사용자를 위한 디자인

위의 이미지 예시에서는 화면의 왼쪽 부분이 약간 더 쉽게 접근 가능함을 눈치채셨을 것입니다. 그 이유는 오른 손잡이를 위한 이미지이기 때문입니다. 사용자의 10-12 %는 왼손잡이라고 합니다. 즉, 사용자가 많으면 많은 수의 왼손잡이도 있다는 것입니다.

왼손잡이 사용자를 위해 앱이나 웹 사이트를 프로그래밍 방식으로 개조할 수 있는 방법이 없다는 것을 고려할 때, 이를 해결할 수 있는 유일한 방법은 상황에 맞는 탭 타깃을 왼쪽이나 오른쪽이 아닌 세로 중앙에 배치하는 것입니다.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

원격 UX 리서치를 덜 고통스럽게 만드는 12가지 도구

워크 플로우를 단순화하는 방법
사용자 리서치팀이 원격 작업으로 전환함에 따라 여기에서는 노트를 정리하고 결과를 클러스터 처리하며 팀원과 어디에 있든 팀과 협업할 수 있도록 지원하는 몇 가지 도구를 제공합니다. 

참가자 모집, 실행 계획, 원격 또는 대면, 사용성 테스트, 보고서 생성 등에 대한 추가 도구 권장 사항은 12가지의 유용한 UX리서치 도구를 참조합니다.

 1. 스프레드 시트 작성 (Google 스프레드 시트)
사용자 리서치를 위한 분산 형 메모 작성 - 무지개 스프레드 시트 (마스터)
이 마스터 스프레드 시트를 사용하는 방법은 무엇입니까? - 편집하기 전에 복사합니다. 이 스프레드 시트를 팀과 함께 사용합니다.
docs.google.com

 2. 무료 사용자 리서치 템플릿 (AirTable)
사용자 리서치 템플릿 - 무료 사용 | 에어 테이블
사용자 리서치는 모든 제품 조직의 생명선이며 사려 깊은 UX를 통해 고객으로부터 배웁니다.
airtable.com

 3. 디자인 워크 플로우 템플릿 (Miro)
팀이 좋아하는 디자인 팀 템플릿 및 사례 | 미로
디자인 팀 템플릿 컬렉션을 사용하여 워크 플로우를 단순화하고 일상을 최적화합니다. Miro를 사용합니다.
miro.com

4. 녹화 → 태그가 지정된 비디오 클립 (Dovetail)
사용자 리서치 정성적 데이터 분석 - Dovetail
신속하고 정확하며 유연한 혼합 방법 분석을 통해 실제 고객 조사 데이터에서 실행 가능한 발견으로 전환합니다. 
dovetailapp.com

5. 통찰력을 전달하는 새로운 방법 (Dscout)
원격으로 통찰력을 전달하는 8가지 협업(재미있는) 방법
모두가 멀리 있는 동안 사람들이 사용자 리서치에 대해 흥미를 갖게 하려면 어떻게 해야 합니까? 일을 유인하는 데 사용 된 전술은 더 이상 가능하지 않습니다.
dscout.com

6. 회의 기록 생성 (Otter.ai)
Otter 음성 회의 노트
회의, 인터뷰, 강의 및 기타 중요한 음성 대화를 위한 풍부한 노트를 작성합니다.
otter.ai

.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

디자인 시스템에 대한 간단한 가이드

 디지털 제품의 경쟁 환경에서 구성요소 기반의 시각적 디자인 시스템은 점점 더 중요해지고 있습니다. 이 아티클은 디자인 시스템이 무엇인지, 또한 왜 필수적인지, 그리고 디자인 시스템을 만드는 방법을 이해하는 데 도움이 될 것이라 생각합니다.

디자인 시스템이란 무엇인가요?

디자인 시스템은 디자인 원칙과 중요한 UX 전략에 의해 결합되는 UI 구성요소의 모음입니다. 보통 각 구성요소들이 더 큰 사용자 환경 내에서 어떻게 사용되는지에 대한 지침을 제공합니다.

그런 다음, 디자인 팀들은 이러한 구성 요소를 다양한 조합으로 재사용하여 일반적인 상호 작용 패턴을 재설계하는 데 시간을 낭비하지 않고 프로덕트를 제작하거나 업데이트할 수 있습니다. 디자인 시스템을 대규모의 디지털 프로덕트를 만들기 위한 레고 세트라고 생각하면 되겠습니다.

디자인 시스템은 종종 스타일 가이드로 디자인 정보를 포함합니다. UI 요소 전체에서 사용되는 색상, 타이포그래피 및 스타일. 표준, 원칙 및 일관된 UI 요소의 모음은 디자인 시스템을 전체 조직에 대한 단일 소스로 가치있게 만들어 줍니다.

디자인 시스템의 장점

완전한 디자인 시스템은 조직에 많은 이점을 제공합니다. 디자인 시스템은 UX / UI 팀이 프로젝트 작업을 수행하는 여러 디자이너의 경우에도 프로덕트와 인터페이스 전반에 걸쳐 일관성을 유지할 수 있도록 지원합니다. 이를 통해 디자인 팀은 인터페이스를 다시 만들거나 오래된 디자인 파일을 검색하는 데 지치지 않고 더 중요한 문제를 해결할 수 있습니다.

더 높은 수준에서의 디자인 시스템은 회사의 프로덕트 디자인 노력에 대한 하나의 단일 소스가 되어 조직의 비용을 절약할 수 있습니다. 모든 디자인 팀들은 디자인 파일을 검색하거나, 시대에 뒤떨어진 디자인 사양으로 작업해야 하는 어려움을 겪어 왔습니다. 바쁜 작업을 피하고 혼란을 최소화하여 효율성을 높이면 특히, 대규모 또는 분산되어 있는 디자인 팀의 경우, 손실 시간을 줄일 수 있게 됩니다.

. 
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (1,900명)

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램