2019년 UX 디자인 트렌드 회고전

"창의력에는 용기가 필요합니다." – 앙리 마티스

풍부한 디지털 콘텐츠가 수백만 개의 시선을 사로잡기 때문에 우리의 관심을 끌기 위한 싸움은 그 어느 때보다 치열합니다. 산만함이 만연하면서 우리는 소위 "인지적 위기"에 도달할 수 있습니다. 이미지, 비디오, 텍스트, 일러스트레이션, 애니메이션 및 팟캐스트는 후원 게시물, 가짜 뉴스, 친구의 휴가 사진, 화염에 휩싸인 호주, 베니스의 홍수, 전쟁의 징조 등으로 감각을 과부하시킵니다. 소셜 네트워크 피드를 스크롤할 때 10초 이상.

이 폭풍의 매개체(수백만 개의 주의 산만, 모두 우리의 관심을 끌기 위해 경쟁)를 통해 혁신과 실험을 통해 디자인 트렌드가 나타납니다. 트렌드는 일반적으로 창의적인 마음이 무언가를 구상하고, 창조하고, 사람들이 좋아하고, 확산되기 때문에 형성됩니다. 일부 트렌드는 수명이 짧고, 일부는 더 오래 지속되며, 일부는 수십 년 내에 재활용됩니다. 60년대 패션과 Z세대의 LP 음반이 다시 등장하는 것을 목격하십시오. 트렌드는 패션에서 헤어, 음식에서 자동차, 건축에서 디자인, 심지어 정치까지.

트렌드는 창의성과 대담한 실험에서 탄생합니다. 1960년, 헤어스타일 챔피언인 Margaret Vinci는 Modern Beauty Salon 잡지의 편집자로부터 앞으로의 10년을 정의할 "정말 다른 것"을 하도록 격려받았을 때 벌집 헤어스타일을 생각해 냈습니다. 들불처럼 번져 60년대를 통틀어 핫 트랜드가 되었습니다. 그녀가 고전 영화 "티파니에서 아침을"에서 아름답게 선보인 오드리 햅번의 벌집은 Brigitte Bardot의 엉뚱한 해석과 마찬가지로 가장 상징적 인 예 중 하나입니다.

많은 혁신과 마찬가지로 디자이너는 새로 제작되고 세심하게 제작된 창작물을 다양한 미디어에서 선보이고 테스트하고 과시합니다. 일부 UX 디자인은 더 좋게 보이고 작동하기 위한 진정한 노력입니다. 일부는 디자이너를 높이고 Dribbble에서 10,000개의 좋아요를 받은 디자인 반신으로 선언하도록 설계된 허영심 프로젝트입니다.

혼란스러운 과잉 옵션에서 일부 디자인은 폐기되고 일부는 유지되어 소비자뿐만 아니라 동료와 함께 UX 디자인 트렌드로 성장합니다. 동료들은 엄지손가락을 위로 또는 아래로 엄지손가락으로 응답 합니다. 그것은 좋아 보인다. 그것은 일을 더 잘하게 만듭니다. 나는 그 스타일을 좋아한다. 아니면 나한테는 안맞는다... 가끔 FOMO(Fear Of Missing Out) 증상에 휩싸여 다른 디자이너들이 유행을 타며 방송한다: 봐봐, 나도 힙하고 모던하고 컨템포러리해! 그리고 나는 시간과 함께 있어요, 그것을 확인하십시오, 이것은 최신 것입니다.

모방은 평범한 사람이 위대함을 위해 지불할 수 있는 가장 진실한 형태의 아첨입니다. 오스카 와일드

일부 UX 디자이너는 추종자로 여겨지는 것을 원하지 않기 때문에 디자인 트렌드에 저항할 수 있습니다. 일부는 디자인 트렌드를 완전히 거부하고 일시적인 유행으로 치부하고 좋은 디자인의 원칙을 고수합니다. 맥시멀리스트라면 무엇이든 반대하는 "영원한 미니멀리스트"를 예로 들 수 있습니다. 그러나 반대하는 디자이너는 각 스타일과 트렌드가 세계에서 그 자리를 차지한다는 것을 깨달아야 합니다. 잘못된 시간, 잘못된 미디어, 잘못된 맥락에서 잘못된 트렌드가 사용될 때 혼란이 일어나고 사람들은 움츠러듭니다.

디자인 트렌드에서 영감을 얻는 것은 다른 방식으로 유용할 수 있습니다. 두려운 크리에이티브 블록이 디자이너를 마비시킬 때 디자인 트렌드에서 영감을 얻으면 이를 극복하는 데 도움이 될 수 있습니다. 생각 없는 모방으로 이어지지 않는 한 영감의 새로운 원천을 찾는 데는 아무런 문제가 없습니다. 특정 디자인 트렌드에서 영감을 받는 것은 그것이 효과가 있고 어떤 것이 곧 베스트 프랙티스, 컨벤션 및 확립된 디자인 패턴이 될 것이라는 점을 인정하는 창조자에게 고개를 끄덕이는 것입니다.

2019년 UX 디자인 트렌드를 되돌아보고 12가지 중요한 트렌드를 강조해 보겠습니다.

2019 올해의 UX 트렌드: 어디에나 있는 일러스트레이션

지난 몇 년 동안 기발한 일러스트레이션이 디지털 디자인 세계에 스며들었지만 2019년에는 가장 전면에 나서게 되었습니다. 이러한 트렌드는 시각적인 유기적 감성에 대한 욕구와 차갑고 디지털적인 것에서 탈피하려는 열망이 주도하고 있습니다. 테크니컬한 룩” 이 운동은 비닐 레코드, 빈티지 의류, 활자 인쇄 등 실제 원료로 만들어진 아날로그 미디어의 최근 복귀와 함께합니다. 사람들은 유형, 즉 자연스럽고 유기적이며 합리적인 것을 갈망합니다.

스톡 이미지와 스톡 일러스트레이션 이 없습니다. 기발한 디지털 일러스트레이션에서 흑백 목탄 스케치에 이르기까지 유기적인 느낌을 주는 모든 것이 에 있습니다. 아이소메트릭 일러스트레이션이 대세이며 스큐어모피즘은 허용되지 않습니다. 버튼과 아이콘에 대해서도 웹사이트와 앱에서 유기적으로 보이는 맞춤형 일러스트레이션에 관한 모든 것입니다.

디자이너가 일러스트레이션에 약간의 움직임을 도입할 수 있다면 더욱 좋습니다. 천천히 움직이는 미묘한 애니메이션은 정적인 일러스트레이션에 흥미로운 요소를 추가하여 생생하게 만듭니다.

특히 온보딩 시퀀스를 위한 일러스트레이션은 모바일 UX 디자인에도 침투했습니다.

혼합 추세는 드문 일이 아닙니다. 독창적인 랜딩 페이지는 움직이는 배경, 타이포그래피, 사진 및 비디오와 애니메이션 일러스트레이션을 결합하는 스크롤 트리거 시차 멀티미디어 애니메이션을 제공합니다.

Let's Go Dark: 다크 모드/다크 테마

어두운 테마의 인기가 높아짐에 따라 점점 더 많은 디지털 디자인이 "어두운 면"으로 이동하고 있습니다. 멋지고 새로운 다크 모드가 운영 체제, TV, 모바일 장치 및 웹과 같은 다양한 플랫폼을 침범했습니다. Apple은 TV UI, Mac OS Mojave, 마지막으로 iOS 13 및 새로운 iPadOS로 다크 모드 열풍에 불을 붙였습니다. 다크 테마 UI는 다음과 같은 몇 가지 장점이 있습니다. 눈에 보기 쉽고, 더 세련되고 우아할 수 있으며, 배터리 수명을 절약할 수 있습니다.

그러나 디자이너는 어두운 면을 선택하는 경우 신중하게 선택해야 합니다. 사용 가능한 색상 팔레트는 제한적일 수 있으며 색상의 잘못된 조합은 눈에 고통을 줄 수 있습니다. 그 외에도 스캔 가능성, 가독성 및 대비와 관련된 모든 종류의 사용성 문제가 나타납니다. UX 디자이너는 버튼, 텍스트 및 배경과 같은 UI 요소 간에 충분한 대비가 있는지 확인해야 합니다. 다크 테마 UI를 볼 가능성이 높은 기기는 물론 시청 환경과 같은 사용 상황도 고려해야 합니다.

미니멀리즘/맥시멀리즘

훌륭한 제품은 더 적은 비용으로 더 많은 것을 성취합니다. 최근 웹 및 모바일 앱 디자인 트렌드에서 알 수 있듯 UX 디자인 트렌드로서의 미니멀리즘이 대세입니다. 미니멀리즘의 대표주자인 Apple은 가장 영향력 있고 강력한 지지자입니다. 디자인 아이콘 Dieter Rams의 이념과 "눈에 띄는 디자인"의 힘에 경의를 표하는 Apple의 미니멀리즘 기반 하드웨어 및 소프트웨어 디자인은 매우 탁월합니다. Apple의 플레이북에서 UX 디자이너는 디지털 디자인을 최소한으로 줄여 사람들에게 작업을 수행하는 데 필요한 절대적인 필수 요소만 제공하는 것의 중요성을 오랫동안 강조해 왔습니다.

미니멀리즘의 팬은 정보의 복잡성을 처리하고 이해하는 능력과 마찬가지로 사람들의 인지 자원이 제한되어 있음을 인식합니다. 사람들은 완전한 의미를 부여하는 데 필요한 자극의 모든 뉘앙스를 파악할 수 없습니다. 두드러진 정보는 주어진 상황에서 가장 주의를 끌 뿐만 아니라 자극이 인식되는 방식에 가장 중요한 영향을 미칩니다.

“창의성은 위험을 감수하는 능력입니다. 실제로 줄을 서서 조롱하고, 비난하고, 무엇이든 위험을 무릅쓰는 것. 하지만 ... 당신은 그 위험을 감수해야 합니다." – 스팅

희소성, 냉철한 미니멀리즘, 맥시멀리즘의 대조는 헌신과 믿음의 도약을 요구하는 고위험 고보상 디자인 운동입니다. 반항적이며 반항적인 UX 디자이너(반문화 "디자인 히피")는 거대하고 큰 소리로 임팩트를 주기 위해 최대주의로 전환합니다. 그러나 순응적 미니멀리스트의 풍경에서 눈에 띄려는 열망에는 위험이 따릅니다. 맥시멀리즘은 펀치를 날릴 수 있지만 역효과를 낼 수도 있습니다. 그것은 모든 것을 기꺼이 감수하고 때때로 불길에 휩싸이는 대담한 대담함을 위한 것입니다.

맥시멀리스트는 마음이 자극을 사랑한다고 믿습니다. 때때로 기괴하고 맥시멀리즘의 색상, 질감 및 패턴 레이어가 주의를 끌기 위해 비명을 지르며 "우리는 무시되지 않을 것입니다!"라는 선언문이 선언됩니다. 맥시멀리즘 디자인은 그래픽 디자인, 웹 디자인, 모바일 디자인, 인테리어 디자인, 패션, 건축 등 디자인의 다양한 측면에 영향을 미치며 디자이너에게 영감을 주고 마음을 사로잡는 방법입니다.

뉴모피즘

디자이너들은 미니멀한 감성을 유지하면서도 스큐어모피즘과 머티리얼 디자인의 장점을 결합하고자 하는 마음에서 뉴모피즘을 생각해 냈습니다. 스큐어모피즘(Skeuomorphism)은 현실 세계의 물체를 모방하려는 시도가 너무 많았고 머티리얼 디자인이 너무 평면적이었습니다. 뉴모피즘은 그 중간 어딘가에 있습니다. 그러나 일부 비방자들에 따르면 이러한 UX 디자인 트렌드는 겉으로 보기에 흥미롭게도 일시적일 수 있습니다.

뉴모피즘은 일반적으로 UI의 요소를 나타내는 데 사용되는 색상을 제거한 "깨끗한 디자인"을 허용하며 대신 이 기술은 UI 구성 요소를 분리하기 위해 약간 돌출되거나 들여쓰기된 부드러운 그림자를 사용합니다. 많은 트렌드와 마찬가지로 디자인 트렌드도 혼합될 수 있으며 디자이너는 최신 풍미의 흥미로운 메들리인 "디자인 트렌드 검보"를 만들 수 있습니다. 예를 들어, 뉴모피즘은 어두운 테마 UI와 같은 다른 트렌드와 결합될 수 있습니다.

의미 있는 마이크로인터랙션

“디테일은 디테일이 아니다. 그들은 디자인을 만듭니다.” – 찰스 임스.

좋은 디지털 제품을 훌륭한 제품으로 바꾸는 것은 모든 작은 세부 사항입니다. Microinteractions라는 책의 저자인 Dan Saffer는 마이크로인터랙션을 "단일 사용 사례를 중심으로 회전하는 포함된 제품 순간 - 하나의 주요 작업이 있습니다."라고 정의합니다. 미학을 넘어, 잘 실행되고 부드러운 미세 상호 작용은 상호 작용의 순간에 사람들에게 기쁨을 줄 수 있습니다. 마이크로인터랙션은 친근한 경험과 실망스러운 경험을 구분하는 중요한 세부 사항에 관한 것입니다.

마이크로인터랙션은 모바일 앱 전용이 아닙니다. 웹 사이트, 데스크톱 앱 및 웹 애플리케이션(SaaS)용으로 설계할 수도 있습니다. 그러나 디자이너는 어두운 테마 트렌드와 마찬가지로 조심스럽게 밟습니다. 잘못된 위치에 너무 많이 있으면 역효과를 일으키고 사용자 경험을 망칠 수 있습니다. 그러므로 얼마나 많은 양과 어떤 맥락에서 그것을 제공할 것인지에 대한 신중한 고려가 중요합니다.

모바일에서 더 많은 제스처 상호 작용

인터페이스 단서를 찾고 아이콘을 탭하는 것은 모바일에서 해서는 안 되는 일이 되었습니다. 사람들은 모바일의 다양한 UI 요소가 스와이프할 수 있기를 점점 더 기대하고 있으며, 이는 모바일 디자인의 모범 사례가 되고 있습니다. 사람들이 부정확한 방식으로 제스처를 수행할 수 있기 때문에 더 나은 UX를 제공합니다. 예를 들어 스와이프는 카드를 닫기 위해 아이콘을 찾아 탭하는 것보다 빠르고 쉽습니다. 대부분의 경우 두 상호 작용 옵션이 모두 제공됩니다.

공유, 저장, 환경 설정, 이미지 확대 또는 소셜 피드에서 비디오 보기와 같은 사소한 모바일 상호 작용을 위해 계층화되고 스와이프할 수 있는 카드가 점점 더 많이 사용되고 있습니다. Apple의 최신 iOS 13에서는 계층화된 카드 양식이 기본 앱에서 광범위하게 사용됩니다. 다른 앱들도 이 자연스럽고 빠른 모바일 상호 작용 기술을 활용하고 있습니다.

3D 시각화로 제품에 실제와 같은 느낌 제공

고급스럽고 정교한 사진은 비싸고 재고 사진은 없습니다 . 3D 시각화는 에 있습니다. 객체가 3D로 렌더링되면 만지기 위해 존재한다고 생각할 수 있습니다. 전자 상거래 및 제품 포장 개념을 위한 제품의 디지털 버전부터 인테리어 디자인 시각화 및 아이소메트릭 사무실 평면도에 이르기까지 3D는 사람들이 어떤 모양과 느낌인지 시각화하는 데 도움이 됩니다. 사진과 달리 3D로 렌더링된 이미지는 즉시 대체 색 구성표로 변경하고 크기를 조정하고 다른 환경에 배치할 수 있습니다.

음성 상호 작용

음성 상호 작용에 대한 사람들의 편안함 수준이 높아지고 있습니다. 우리는 무생물에게 말을 걸고 그들이 우리에게 말을 겁니다. 손이 차거나 더럽거나 운전 중일 때만 휴대폰에서 음성 상호 작용을 사용하는 것은 아닙니다. 점점 더 많은 사람들이 음성으로 검색하고, 문자 메시지를 받아쓰며, 음성 명령을 통해 음악을 재생합니다.

주류에 대한 수용도가 높아짐에 따라 우리는 디지털 음성 비서 Alexa, Cortana, Google Assistant 및 Siri와 대화하여 여행 및 날씨 정보를 얻고 쇼핑을 하고 차량을 주문합니다. 인기 있는 음성 비서와 함께 음성 상호 작용을 사용하는 기능이 다양한 장치 및 앱에 점점 더 많이 내장되고 있습니다. 최근 설문 조사에 따르면 사람들이 음성을 사용하여 상호 작용하는 것을 좋아하는 이유는 빠르고 정확하며 타이핑할 필요가 없기 때문입니다. 즉, 마찰을 줄이고 더 나은 UX를 제공합니다.

대화형 UI 및 챗봇

큰 영웅 이미지, 버튼, 링크 및 양식이 있는 기존 랜딩 페이지는 점차 가장 직관적이고 자연스러운 상호 작용 패턴 중 하나인 대화로 자리를 내주고 있습니다. 대화형 UI는 쾌적하고 개인화되었으며 마찰 없는 경험을 제공합니다.

일반적으로 챗봇은 인스턴트 메시징을 애플리케이션 인터페이스로 사용하는 인공 지능 플랫폼입니다. 챗봇은 양식 작성을 요구하여 사용자에게 부담을 주는 대신 대화를 보다 자연스럽고 대화식으로 만들어 이러한 부담을 덜어줍니다. 일부 봇은 AI가 아니라 채팅을 통해 상호 작용하여 보다 매력적인 사용자 경험을 제공하는 실제 인간입니다.

예를 들어 여행 예약을 완료하는 데 걸리는 시간은 같을 수 있지만 상호 작용이 대화형이고 덩어리로 분할되기 때문에 인지 부담이 줄어들고 사용자 경험이 향상됩니다.

스크롤 트리거 애니메이션은 스토리텔링, 제품 및 서비스 판매

웹에서 제품을 판매할 때 제품의 슈퍼 클로즈업, 고급 3D 렌더링이 대세입니다. 라이프스타일 마케팅에 중점을 둔 스크롤 방식의 애니메이션은 눈에 띄는 비주얼로 영화 같은 스토리를 전달합니다. 종종 스톱 모션 애니메이션, 사진 및 비디오를 우아한 타이포그래피와 혼합하여 사람들의 참여를 유도하고 끌어들이도록 설계되었습니다.

사람들이 구식으로 탐색하는 정적인 웹 페이지보다 더 매력적인 고유한 방문자 경험에 초점을 맞추고 다양한 서비스 회사도 스크롤 트리거 애니메이션 UX 트렌드를 사용하여 크리에이티브 서비스에서 디지털 디자인 및 브랜딩에 이르기까지 모든 것을 판매하고 있습니다.

강력한 타이포그래피가 포함된 혼합 미디어 사이트

지난 몇 년 동안 웹은 자동 재생 비디오, 애니메이션 GIF, 3D 애니메이션 및 스크롤 트리거 애니메이션 일러스트레이션으로 가득 찬 멀티미디어 페이지로 활기를 띠었습니다. 시끄러운 타이포그래피와 시차 스크롤과 함께 싱크대를 제외한 모든 것이 들어간 것처럼 느껴지지만 약간의 절제와 세련된 스타일로 잘 처리되면 방문자의 관심을 사로 잡을 것입니다. 경험은 더 이상 선형적이지 않고 풍부하고 매력적으로 설계되었습니다.

전자상거래는 3D, AR 및 모션으로 생생합니다.

실제 세계에서 쇼핑하는 것은 촉각적 경험입니다. 연구에 따르면 전자 상거래 사이트 제품 페이지의 비디오 또는 3D 애니메이션은 사람들이 더 잘 이해할 수 있기 때문에 더 많은 제품을 판매하는 경향이 있습니다. 증강 현실(AR)을 통해 실생활에 삽입된 제품은 사람들이 "시도"하거나 실제 환경에 제품을 배치할 수 있기 때문에 더 잘 작동하는 경향이 있습니다. 빠른 인터넷 연결이 증가하고 브라우저가 모든 종류의 멀티미디어 콘텐츠를 더 잘 렌더링함에 따라 이러한 전자 상거래 UX 트렌드는 계속될 것입니다.

UX 디자인 트렌드 선택

최신 UX 트렌드를 따라가는 것이 현명하게 수행되지 않으면 함정이 될 수 있지만 최신 정보를 유지하는 것이 중요합니다. 그렇게 하면 UX 디자이너가 최첨단이 되거나 최첨단을 유지하는 데 도움이 될 수 있습니다. UX 디자인 트렌드는 대부분의 경우 UX 디자인 실험을 통해 걸러지고 효과가 입증되었기 때문에 사람들의 높은 기대치를 충족시키기 위한 UX 디자이너의 노력을 높일 수 있습니다.

매년 새로운 UX 디자인 트렌드가 등장합니다. 일부는 인기를 끌 것이고 일부는 시들고 결국 사라질 것입니다. 무자비한 제거 과정을 통해 가장 유용하고 내구성 있는 제품만 살아남을 수 있습니다. 이는 탁월한 사용자 경험을 디자인하는 예술과 과학을 발전시키는 데 좋습니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 미래를 바라보다 – 2020년의 디자인 트렌드
• 검증된 UX 법칙(인포그래픽 포함)
• 이 Photoshop 자습서로 최신 디자인 트렌드 마스터하기
• 저명한 전자 상거래 동향 및 디자인에 대한 영향(인포그래픽 포함)
• 모든 트렌드가 가치가 있습니까? 웹 디자이너가 저지르는 가장 흔한 5가지 UX 실수