Microcopy가 사용자 경험에 큰 차이를 만드는 방법

게시 됨: 2017-04-08

비즈니스 사이트나 모바일 앱에서 훌륭한 UX를 제공할 때 모든 측면이 고려됩니다.

글꼴, 색상 조합, 흐름 및 콘텐츠 즐거운 사용자 경험을 제공하기 위해서는 모든 것이 중요합니다. 하지만 UX 디자인 과정에서 간과해서는 안 되는 UX의 또 다른 중요한 요소가 있습니다. 네, 맞습니다! 큰 차이를 만들 수 있는 것은 현미경입니다.

이러한 짧고 똑똑하며 간결한 텍스트의 작은 부분이 큰 영향을 미치고 고객을 미소 짓게 할 수 있다고 말할 수 있습니다. 응용 프로그램과 웹 사이트 모두에서 버튼 레이블, 오류 메시지 및 힌트 텍스트의 형태로 마이크로카피를 사용할 수 있습니다.

단조로운 것부터 기억에 남는 것까지

Microcopy는 올바른 펀치로 올바른 장소에서 사용하면서 놀라운 일을 할 수 있습니다. 단조로운 작업이나 지시를 사용자에게 기억에 남는 것으로 바꿀 수 있습니다.

마이크로카피가 UX 디자인에 긍정적인 영향을 미칠 수 있는 방법을 알아보려면 스토리를 읽어보세요.

좋은 현미경이란?

괜찮아. 좋은 현미경을 정의하는 것부터 시작합시다. 그러나 마이크로카피의 성공 여부는 컨텍스트, 브랜드 가치 및 비즈니스 성격과 같은 다양한 요인에 따라 달라집니다. 몇 가지 공통점 목록을 만들 수 있습니다.

  • 사용자를 염두에 두고 작성되는 짧고 달콤한 텍스트여야 합니다.
  • 좋은 마이크로카피는 두 가지 주요 목표를 제공할 수 있습니다. 첫째, 잠재적 불확실성의 모든 운영 수준에서 인터페이스를 통해 사용자를 안내하는 것이고, 둘째는 특정 결과에 대해 알려주는 것입니다.

흥미롭게도 Kathryn Whitenton 은 현미경이 인지 부하, 학습자 활동 및 지적 수행과 관련된 정신적 노력의 총량을 최소화하여 인터페이스에 대한 사용자의 이해와 상호 작용을 향상시킬 수 있다고 믿습니다.

간단히 말해서 좋은 마이크로카피를 사용하면 처리 능력의 한계를 이해하고 줄일 수 있으며 지침 텍스트 버튼, 필드 레이블, 오류 메시지 및 드롭다운 메뉴와 같은 다양한 디자인 측면에서 즐거운 사용자 경험을 제공할 수 있습니다. 놀라운 UI 디자인과 멋진 마이크로카피의 조합은 웹사이트나 애플리케이션의 성공을 위한 열쇠가 될 수 있습니다.

좋은 마이크로카피가 사용자 경험을 향상시키기 위해 무엇을 할 수 있는지 찾아야 할 때입니다.

그것은 인간의 터치를 줄 수 있습니다

현재의 자동화 기술은 수동 채팅을 광범위하게 대체했지만 사람들은 여전히 ​​실제 사람들과 상호 작용하고 채팅하는 것을 선호합니다. 화면의 단어가 실제 대화를 대체할 수 없다는 것은 부인할 수 없는 사실이지만 효과적인 마이크로카피를 통해 인간의 터치를 제공할 수 있습니다. 이러한 마이크로카피는 실제 사람들이 제품을 만들었다는 것을 보여줌으로써 제품을 사람처럼 들릴 수 있습니다. 사용자가 자발적으로 입소문을 퍼뜨릴 때 인간의 손길은 브랜드가 사용자의 신뢰를 얻을 수 있다는 것을 기억하십시오.

팀 커뮤니케이션 애플리케이션인 Slack 과 제품 공유 웹사이트인 Product Hunt 는 매번 따뜻하고 환영하는 어조로 다가옵니다. Yelp 는 사람들이 솔직한 리뷰를 남길 수 있도록 매우 캐주얼 한 톤을 제공합니다.

Slack

이러한 웹사이트와 앱의 인간적이고 대화적인 어조는 사용자에게 전체 프로세스 동안 채팅하고 있는 친구의 인상을 줍니다.

그것은 놀라움의 요소를 유지

놀라움 요소는 항상 기쁨의 이유가됩니다. 사용자의 얼굴에 미소를 지을 수 있도록 적절한 위치에 잘 작성된 메시지만 있으면 됩니다. 웹사이트를 디자인할 때 영리한 마이크로카피 형태로 놀라움의 요소를 넣을 수 있는 곳을 식별할 수 있습니다. 이러한 포인트 중 일부는 로딩 화면, 오류 메시지, 성공 메시지, 온보딩 플로우 및 프로세스의 예가 될 수 있습니다. 사용자가 웹사이트를 떠날 때 사용자를 놀라게 할 수도 있습니다. 또한 유쾌한 메시지를 넣어 빈 상태를 놀라움으로 만들 수도 있습니다.

IndiaNIC 은 '404 페이지'에 귀여운 강아지 이미지가 포함된 간단한 메시지를 보여 사람들을 약간의 기쁨으로 놀라게 합니다.

IndiaNIC

TumblrDropBox 는 놀라움의 요소가 있는 몇 가지 다른 예입니다. 이 두 가지 예에서 예상치 못한 방식으로 사용된 현미경은 항상 사용자에게 즐거운 놀라움을 제공할 수 있음을 알 수 있습니다.

자신감을 높여줍니다

모든 앱과 웹사이트에는 정보를 제공하거나 온라인 주문을 받거나 무언가를 만드는 등의 서비스 목적이 있습니다. 디자이너는 목표를 달성하기 위한 일련의 단계를 사용자에게 제공할 수 있습니다. 이러한 단계가 지루해지면 일부 사용자는 중간에 프로세스를 종료할 수 있습니다. 여기 현미경 사진이 나옵니다. 그것은 사람들이 다단계 흐름에서 동기를 부여하고 상호 작용하는 어조로 흐름을 유지하도록 장려할 수 있습니다.

흥미로운 마이크로카피로 무언가를 하도록 사용자에게 친근한 푸시를 줄 수 있습니다. 예를 들어, Dribbble 은 사용자가 친숙한 방식으로 실명을 입력하도록 권장합니다.

조금 개인화된다.

디자인에 사용자별 세부 정보를 추가하는 것은 어떻습니까? 개인화된 메시지로 방문자를 유인하고 유지할 수 있습니다. 개인화된 메시지는 다른 누구도 같은 방식으로 얻을 수 없는 것입니다. 마이크로카피를 통해 좋은 개인적인 느낌을 복제할 수 있습니다. 맞춤형 메시지를 보여줌으로써 한 사람 또는 그룹의 사람들이 특별함을 느끼게 할 수 있습니다.

데이트 사이트 OkCupid 는 사용자의 도시를 환영하는 동안 웹 사이트를 새 사용자에게 더 친숙하게 만드는 새 계정을 만듭니다.

OkCupid

화면에서 처음 사용자의 경우 ' Ahh, Manhattan ' 메시지를 확인하십시오. 그것은 확실히 웹사이트에 대해 아는 느낌을 줍니다. Meetup 을 통해 사용자는 참가자의 이름을 사용자 지정하여 맞춤형 경험을 제공할 수 있습니다.

모든 것을 더욱 돋보이게 만듭니다.

괜찮아. 충격적인 사실을 공개할 시간! Dropbox의 인터페이스에는 27,000개 이상의 메시지가 있습니다. 이 금액이 얼마나 큰지 알고 싶습니까? 첫 번째 해리 포터 책에는 6,600개가 넘는 문장이 있습니다. 즉, Dropbox에는 Harry Potter 책보다 4배 더 많은 문장이 있습니다. 네 차례 야! 웹사이트나 애플리케이션에 얼마나 많은 메시지가 있습니까? 브라우저 상단부터 모든 이미지의 ALT 태그에 이르기까지 어디에서나 볼 수 있습니다.

귀하의 각 메시지에는 기쁨을 줄 수 있는 기회가 있으며 훌륭한 카피라이터는 이 기회를 쉽게 잡을 수 있음을 기억하십시오. MailChimp 에는 로그아웃할 때 표시할 마지막 메시지가 있습니다. 나중에 봐요! 사용자 경험을 더 즐겁게 하지 않습니까? Basecamp의 바닥글은 또한 매일 바뀔 수 있는 친근한 메시지를 보여줍니다. 자, 이것은 더 흥미롭습니다! Basecamp의 경험을 더욱 풍부하게 만드는 데 기여할 수 있는 다른 메시지를 평일마다 받습니다.

이미지와 짝을 이룰 수 있습니다

사진과 단어를 짝지어 보는 것은 어떻습니까? 사진은 천 마디 말의 가치가 있다고 하지만 오늘날 현미경은 매력적인 이미지와 결합하면서 사람들을 더 즐겁게 합니다. 몽환적인 이미지와 기발한 단어를 결합하면 마법의 조합이 됩니다.

사진, 일러스트레이션, 벡터 또는 이모티콘을 사용하여 현미경과 완벽한 조합을 얻을 수 있습니다. 그것들은 함께 방문자를 위한 즐거운 경험을 만들 수 있으며, 이는 말이나 그림만으로도 가치가 있습니다.

HubSpot의 상한 마음 이미지는 뭔가 잘못되었음을 나타내는 부드러운 단어와 쌍을 이룹니다. 'Slack'은 동기 부여 단어와 로켓 우주선 이모티콘을 결합하여 이제 모든 것이 정상임을 확인합니다!

기억할 점

사람들을 현명하게 미소 짓게 하고, 오류를 전문적으로 설명하고, 의심을 최소화하거나, 동기 부여 단어로 사용자의 자신감을 높이는 데 있어 마이크로카피는 웹 세계에서 다른 대안이 없습니다.

그러나 여기에 언급된 모든 것이 그렇게 쉬운 것은 아닙니다. 예, 이 모든 포인트가 유용하다는 것을 알 수 있지만 창의적인 마이크로카피를 만들어 사용자의 마음에 올바른 영향을 미치기 위해 구현하기 어렵습니다. 또한 유쾌한 디자인의 위험성을 염두에 두어야 합니다.

인터페이스를 작성하는 동안 간결함과 명확성을 타협할 수 없습니다. 그러나 현미경 사본은 일반적으로 덜 명확하고 더 긴 메시지를 가지고 있습니다. 명확성과 쾌적한 사용자 경험을 모두 최적화하면서 특정 브랜드에 대한 요구 사항을 파악해야 합니다.

다음은 디자인에 재미있는 현미경을 추가할 때 기억해야 할 몇 가지 체크포인트입니다.

스타일 가이드 만들기

모든 제품이나 서비스에는 특정 스타일의 현미경이 필요합니다. 많은 회사에는 특정 제품 및 서비스의 어조를 정의하기 위한 작문 스타일 가이드가 있습니다. 향후 발생할 수 있는 반발을 피하기 위해 마이크로카피를 만드는 동안 브랜드의 목소리를 찾고 고수하는 것이 좋습니다.

다음은 브랜드의 스타일 가이드를 만드는 데 유용한 몇 가지 팁입니다.

흔하게 하지마

현미경 복사는 덜 일반적인 흐름에 대한 영리한 표현입니다. 그러나 웹사이트나 모바일 앱의 일반적인 흐름에서 사용하는 경우 사용자에게 성가신 경험을 줄 수 있기 때문에 양날의 검과 같은 역할을 할 수 있습니다. 사용자가 실행하는 동안 매번 읽어야 하도록 앱 시작 부분에 마이크로카피를 두지 마십시오. 덜 일반적인 흐름을 찾을 때마다 놀라움의 요소로 재미있는 것을 제공해야 합니다.

가능하면 위험을 감수하라

소규모 브랜드는 현지화 된 터치로 현미경을 쉽게 사용할 수 있습니다. 영리한 마이크로카피로 현지 관객을 유치하기는 쉽지만 브랜드가 글로벌화되면 글로벌 유저들에게 열등한 품질의 마이크로카피가 타격을 받을 수 있으므로 주의가 필요하다. 글로벌 브랜드에 대해 위험을 회피해야 한다는 의미는 아닙니다. 사람들의 반응을 모니터링하는 데 관심이 있다면 현미경으로 실험하는 것이 항상 좋습니다.

매번 다른 생각

무작위 메시지를 고려하는 것은 어떻습니까? 예, 사람들이 웹사이트나 모바일 애플리케이션을 방문할 때마다 다른 메시지를 표시하여 사용자 경험을 더욱 즐겁게 만들 수 있습니다. 시간이 지남에 따라 여전히 반복될 가능성이 있지만 다른 현미경으로 다양한 작업을 더 놀랍고 즐겁게 만들 수 있습니다.

Microcopy는 깔끔하고 영리한 방식으로 작성된 사용자 경험에 거시적인 영향을 줄 수 있습니다. 다음은 현미경 복사의 이점 중 일부입니다.

  • 멋진 마이크로카피는 사용자의 참여를 유도하고 사이트를 다시 방문하도록 유도할 수 있습니다.
  • 사용자 흐름에 따라 사용자를 넛지할 수 있으며 더 나은 사용자 상호 작용을 제공합니다.
  • 사용자에게 개별적으로 개인화된 경험을 제공할 수 있습니다.
  • 단계를 흥미롭게 만들 수 있으며 회사에서 재미있는 방식으로 오류나 버그를 인정할 수 있습니다.
  • 사용자가 지침 텍스트 버튼, 필드 레이블, 오류 메시지 또는 기타 디자인 관련 항목을 살펴보는 동안 사용자 경험을 향상시킬 수 있습니다.

포장이야, 얘들아!

마이크로카피의 이야기가 귀하의 사이트와 앱을 새로운 시각으로 바라보도록 영감을 주기를 바랍니다. Microcopy는 제품에 대한 사람들의 접근 방식을 결정하는 데 중요한 역할을 하므로 사용자를 말로 만족시킬 수 있는 기회를 놓칠 수 없습니다.

현미경은 사람들을 한 지점에서 다른 지점으로 옮기는 데만 유용한 것은 아닙니다. 때때로, 당신은 그것으로 그들의 놀이기구를 즐겁게 만들 수 있습니다. 지금은 그것뿐입니다. 마이크로카피를 즐겨보세요!