Material Design Awards 2018

목차

1. 표현(Expression): KptnCook
2. 혁신(Innovation): Lyft
3. 경험(Experience): Simple Habit Meditation
4. 적응(Adaptation): Anchor

Material Design Awards 2018

매년 머티리얼 디자인 어워드는 머티리얼에 생명을 불어 넣는 제품 팀에게 상을 준다. 이러한 동종업계 최고 사례들은 자체 적용 가능한 디자인 시스템의 유연성을 보여준다.

표현, 경험, 혁신, 적응이라는 네 가지 카테고리들을 가지고 머티리얼 디자인을 창조적으로 적용한 제품팀인 2018년의 class를 발표하게 되어서 기쁘다. 수상자는 수백 개의 공개 후보 중에 선정되었고, 11월 1일 헬싱키 SPAN에서 수상하게 될 것이다. 그들의 작업이 우리가 느꼈던 것처럼 커뮤니티에 영감을 주길 바란다.

우린  Material Theming 및 사용자 정의와 같은 end-to-end 기능을 추가해서 머티리얼 디자인을 지속적으로 발전시키고 확장 할 것이지만, 당신이 머티리얼을 어떻게 당신 것으로 만드는지를 보는 것도 기대된다.
 

올해의 Material Design Award 수상자들을 축하하며

 

표현 :  KptnCook

매력적이고 조화로운 색상과 이미지, 타이포그래피, 모션을 사용함으로써 브랜드 아이덴티티에 생기를 불어넣었다.

요리에 대한 KptnCook의 자연스러운 접근은 매력적이고 번거롭지 않은 앱의 디자인을 통해 드러난다.

재료와 기법들의 이미지를 사용한 단계적인 안내를통해 요리 과정을 알려준다 : 이러한 상세 페이지에는 앱 안에서 유사한 터치 상태를 나타내는 투명한 상단 app bar가 있다. 즐겨찾기 화면에는 유명 상표의 아이콘과 타이포그래피, 텍스트를 보호하기 위한 custom shape 등 저장된 요리법의 이미지 목록이 나타난다.

이 모든 상세 화면들은 앱의 몰입도 높은 전체 화면 이미지를 통해 잘 만들어진 식사를 보여준다.

“우린 누구나 요리를 할 수 있다고 굳게 믿는다. 우리의 미션은 매일 세 가지 레시피를 선택해서 사용자에게 제공함으로써 일상 저녁을 단순화하고 레시피들로 끝없이 내려가는 스크롤을 피하는 것이다. 우리의 비주얼 언어는 깨끗하고 단순하고, 약간 미묘하다 "

— 비주얼 디자이너 Lene Koenig

혁신 : Lyft

새로운 방향으로 머티리얼 디자인 시스템을 구축하고 확장할 수 있는 능력을 보여준다.

Lyft는 최근 앱을 개편했고, 백앤드 UX의 근본적인 면을 재검토하고  머티리얼 구성요소들을 인상적이고 예상치 못한 방법으로 채택해서 적용했다

하단 시트와 확장된 플로팅 액션 버튼 (FAB)은 사용가능한 화면 공간을 최적화하고, 맞춤형 컬러 시스템 알고리즘은 밝은 네온 색상의 접근성과 가독성을 확보했다. Lyft는 독자적인 머티리얼을 사용해서 뛰어난 브랜드 표현을 완벽하게 구현했다.

“최우선 과제 중 하나는 모든 플랫폼에서 작동하는 Lyft의 유니버셜 디자인 시스템을 만드는 것이었다"

— 핵심 디자인의 Design Manager, Linda Dong

경험: Simple Habit Meditation

영향력 있는 사용자 경험 서비스를 위한 상호작용, 네비게이션, 콘텐츠의 독창적이고 효과적인 배치

속도를 늦추고 스트레스를 푸는 방법을 배우려면 동일한 평온한 인터페이스가 필요하다. 첫 번째 탭에서 간단한 습관 명상 앱을 열면 색상이 코딩 된 이미지 카드를 사용해서 차분하고 목적을 가진 네비게이션으로 간편한 온 보딩 (onboarding) 을 경험한다.

카드와 하단 네비게이션, 브랜드의 타이포그래피와 모바일 기기와 태블릿에서 미묘한  motion cues를  사용하여 어두운 테마를 효과적으로 사용한다.

“앱의 단순한 정보 구조와 직관적인 네비게이션은 사용자가 특정 상황에 맞는 명상을 쉽고 빨리 찾을 수 있게한다. “명상 완료” 같은 긍정적인 사용자 행동은 사람들이 긍정적인 습관을 더 빨리 쌓도록 도와주는 성취감을 주는 인터렉션으로 강화되어 즐거운 경험을 준다.

—Valentin Drown, Lead Product Designer

적응: Anchor

각 기기에 최적화된 기본 기능과 일관된 환경을 제공하는 교차 플랫폼 디자인.

Anchor의 인터페이스는 팟캐스트 그룹과 에피소드 생성에 용이하도록 커버 아트 커스터마이징이 결합되어있다.  

Anchor의 DIY 팟캐스트 도구는 플랫폼과 디바이스에 걸쳐 매우 자연스럽게  통합 구성되어있다. 안드로이드 및 IOS 사용자는 휴대폰으로 녹음할 수 있고 웹 앱에 자동으로 업로드 시킬 수 있다.

Choice chips은 작업을 지속 할 수 있도록 하단에 고정시킨 확장된 FAB 편집 모드에서 정렬 선택을 위해 옵션을 명확하게 표시한다.  

훌륭한 animations은 진행자가 되기 위한 사람들을 위해 채워진 교차 기능 솔루션을 보완한다.

“Anchor는 밝은 색, 친근한 타이포그래피, 대화 어투를 통해 한번도 사용해본 적 없는 사람에게도 익숙한 팟캐스팅을 제공한다. 애니메이션과 전환을 사용해서 앱을 생동감 있고, 반응형이고, 유동적으로 느껴지게 만든다”

— Emmi Hintz, Lead Product Designer