🔖 2021년 4월 3주 TOP3

🔖 2021년 4월 3주 TOP3

2021년 챗봇 어플리케이션과 UX 가이드 라인

 챗봇은 이제 대화형 커머스로 재생되고 있습니다.

 Facebook은 2016년에 챗봇을 위한 메신저를 출시했습니다. 그 이후로 봇은 다양한 산업 분야에서 널리 채택되었습니다. 2019년에 저는 이커머스 고객 서비스 챗봇에서 사용자 경험이 얼마나 중요한지에 대한 기사를 작성했습니다. 하지만 오늘날의 챗봇은고객 서비스 그 이상입니다.

 먼저 챗봇의 작동 원리에 대해 설명하고 싶습니다. 챗봇 메커니즘에는 세 가지 종류가 있습니다.

 다음은 이해하기 쉬운 이미지가 있고, chatbot.com에서 검색한 것입니다.

챗봇을 사용하면 디지털 존재가 긴급한 고객에게 연중무휴로 실시간 지원을 제공합니다. 또한 매우 개인화된 경험을 바탕으로 판매 및 마케팅하는 데 도움이 되며 현재 대화 형 커머스라고 합니다.

고객을 웹 페이지로 안내하여 고객이 찾고 있는 섹션을 보여줍니다. 대화를 통해 고객의 의도를 파악합니다.개인에게 정확한 제품 추천 및 프로모션 (예 : 쿠폰 및 기프트 카드)을 제공합니다. 쿠키 없는 방식으로 자사 사용자의 의도를 포착합니다.전반적인 고객 경험을 생성하는 데 도움이 되는 모든 도구와 통합합니다.

챗봇에서 기대할 수있는 것

 판매

 마케팅

.. 

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

2021년, 10가지의 놀라운 웹 디자인 트렌드

2021년은 단순함이 특별하고 매력적인 것으로 변화하고 있는 사용자 중심 접근 방식의 해입니다. 시각적으로 매력적인 제품을 만들기 위해 기업은 현대적인 트렌드를 주시하고 경쟁 업체로부터 두각을 나타내기 위해 노력해야 합니다.

영감을 위해 굵은 글꼴부터 다크 모드의 3D 애니메이션, 비현실적인 캐릭터에 이르기까지 총 10가지 예를 정리해 보았습니다.

다크 모드: 사용자의 눈 돌보기

2020년에 큰 트렌드가 된 다크 모드가 2021년에도는 더욱더 인기를 끌고 있습니다. 다크 UI 옵션은 조도가 낮은 어두운 조건에서 다크 모드 디자인을 보는 것이 더 편하기 때문에 사용자에게 전혀 다른 외관을 제공하므로 추가적인 이점을 제공합니다.  종종 사람들은 침대에서 스마트폰을 볼 때 다크 모드에 대해 생각하지 않습니다.

'BuiltWith' 보고서에 따르면, 1354개의 웹사이트에서 다크 모드 인터페이스를 사용하여 고객을 유치합니다.다크 모드 기능을 이미 채택하고 있는 세계적으로 유명한 거대 기술 기업들을 만나보겠습니다.  Apple은 사용자가 자동으로 다크 모드로 전환할 수 있는 예약 시간 설정도 제공합니다.  

또 Google, Instagram, Facebook, Gmail, Slack, Itunes, Amazon, Wikipedia 등이 있으며 이 목록들은 계속 늘어날 수 있습니다. 

다음은 기업들이 다크 모드를 사용하는 몇 가지 이유들입니다.

3D 디자인으로 윤곽 그리기.

디자인에서 3D 요소는 새로운 것이 아니지만, 오늘날 그것들은 사용자들을 유치하고 웹 사이트에서 이탈률을 낮추기 때문에 점점 더 인기를 얻고 있습니다.

또한  VR/AR 기술이 탄력을 받으면서, 하이퍼 비주얼 3D 요소는 더욱 뛰어난 아름다움과 효과를 더해줍니다. 3D 디자인은 사진과 삽화 이미지, 애니메이션의 조합에 영향을 받아 포화 상태에 이른 시장에서 경쟁사를 제압할 수 있는 큰 무기를 갖게 됩니다.

 3D 그래픽을 구현하려면 웹 사이트가 빠르게 로드되고 성능이 뛰어나며 최적화가 되어야 합니다.  그렇지 않으면 웹 사이트 트래픽에 영향을 미치는 응답성 및 느린 로딩 속도로 인해 방문자를 잃을 위험이 있습니다.

비범한 색채와 미래지향적인 색채 조합에 의한 와우 효과.

이전의 미니멀리즘적인 평범한 웹 디자인은 사용자들에게 평범하고 지루해 보였지만, 밝은 조합으로 포화상태에 이른 화려하고 혁신적인 웹 디자인은 유저들의 관심을 끌며 게임에서 승리할 가능성이 있습니다.

최신 정보를 유지하고 군중들 사이에서 돋보이려면 웹 사이트 디자인에서의 실험적인 활동(예: 네온 발광 색조, 강렬한 색상과 신비한 억양)들을 할 준비가 되어 있어야 합니다. 이러한 모든 사용 가능한 기본 접근 방식은 사용자에게 현대적이고 역동적인 느낌을 줍니다.
.. 

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

폼(Form) 디자인 가이드 13가지폼

(Form)은 연락처 양식, 결제 세부 정보, 계정 생성같은 보통 사용자와 사용자의 목표 사이를 연결 짓는 요소입니다.  오늘날 모든 웹 사이트나 앱에서 폼은 필수적인 구성요소라고 해도 과언이 아닙니다. 폼 디자인을 개선하기 위해 따를 수 있는 몇 가지 가이드라인을 아래에 소개합니다.

 1. 짧게 만듭니다.

긴 폼은 작성을 완료하는 데 더 많은 노력이 필요하기 때문에 위협적일 수 있습니다. 디자인의 범위를 정의할 때 각 입력 필드를 평가하는데 시간을 할애하십시오. 

만약 위의 질문의 대답에서 '예'인 경우라면, 해당 필드는 불필요할 수 있으므로 삭제해야 합니다.  

이 프로세스에는 많은 시간이 필요할 수 있지만, 사용자의 노력이 줄어들고 완료율이 높아지기 때문에 더 많은 가치를 창출 할 수 있습니다.

1) 이름과 성 필드를 구분하는 것은 의미가 없습니다.2) 이 정보는 사용자의 검색 또는 구매 내역을 통해 수집 할 수 있습니다.3) 사용자가 나중에 계정 설정에서 편집할 수 있으므로 생략할 수 있습니다.

2. 관련 정보를 그룹화합니다.

관련 정보를 논리적이고 시각적인 집합으로 그룹화 하여야합니다. 모든 요소 사이의 거리가 동일하지 않아야 하며, 레이블을 해당 필드에 가깝게 배치하여 애매한 간격을 피하십시오. 이것은 사람들이 서로 밀접하게 연관되어 있는 것들, 즉 게슈탈트의 원칙으로 인식함으로써 생기는 혼동을 방지하기 위한 것입니다.

이 작업은 크기, 가중치 및 색상이 적절하게 혼합한 후, 대비를 만들어서 글꼴 계층 구조를 통해 수행할 수도 있습니다. 섹션 제목에는 굵고 어두운 스타일을 사용할 수 있고 텍스트 필드 레이블에는 작고 가벼운 스타일을 사용할 수 있습니다.

3. 요구 사항에 대하여 명확하게 설명합니다.

사용자가 원하는 것을 추측하지 않도록 해야하며, 마지막에 오류 메시지와 함께 거부를 하게되면 사용자가 좌절감을 유발하고 부정적인 경험을 하게 됩니다. 유효성 검사 규칙을 명확하게 표시하지 않으면 사용자는 무엇이 필요한 것인지 알 수가 없습니다.특히 이 부분은 특수문자, 대문자, 숫자 등과 같은 여러 유효성 검사 요구 사항이 있을 수 있는 '암호' 필드에 특히 중요합니다. 요구 사항을 표시하여 사용자가 부족한 부분을 훨씬 쉽게 인식할 수 있습니다.

'Mailchimp'는 비밀번호 요구 사항을 나열하여 사용자가 비밀번호 요구 사항을 정확하게 알 수 있도록 합니다. 이 목록은 대화형으로 구성되어 있으며 사용자가 어떤 요구 사항을 충족하고 어떤 요구 사항을 여전히 완료해야 하는지를 사용자에게 정확하게 보여주고 있습니다.

4. 필드 외부에 레이블을 배치합니다.

레이블은 지정된 필드에 필요한 정보 유형을 사용자에게 알리기 위한 것입니다. 필드 상자 안에 자리 표시자(Placeholder)로 배치하는 것은 현명하지 않습니다. 이렇게 하면 사용자는 필드에 속하는 정보를 기억하기 어려워할 수 있으므로 발생할 수 있는 오류를 확인하고 수정하기가 더욱 어려워집니다.

자리 표시자를 레이블로 사용할 때 발생하는 주요 문제는 사용자가 입력 필드와 상호 작용하게 되면 해당 레이블이 사라진다는 것입니다. 레이블을 다시 보려면 텍스트를 삭제해야 하기 때문에 이 작업은 번거로울 수 있습니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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