콘텐츠를 모바일 친화적으로 만들기 위한 10가지 팁과 아이디어

요즘에는 웹사이트와 콘텐츠를 모바일 친화적 으로 만드는 것이 강력한 디지털 존재감을 구축하려는 모든 사람에게 최우선 순위이거나 최소한 그래야 합니다. 그 반대의 경우 트래픽 손실, 비즈니스 기회 상실, 경쟁 우위 손상, 온라인 평판 손상 등의 원인이 될 수 있습니다.

그 이유는 전 세계 트래픽의 61.39% 가 모바일 장치에서 발생하기 때문입니다.

사람들은 이동 중에도 빠르게 주변 업체를 검색하고, 쉬는 시간에 인터넷을 검색하고, 약속을 기다리는 동안 업무를 확인하거나, 집에서 쉬면서 쇼핑을 즐깁니다. 인구 통계에 따라 다른 플랫폼과 온라인 공간을 선호할 수 있지만 실제로는 모든 사람이 모바일을 사용합니다.

이는 일반적으로 기업이 반응형 디자인 이나 다른 모바일 접근 방식 을 채택하도록 설득하기에 충분합니다 . 그러나 기술적인 요소가 모바일 최적화의 전부는 아닙니다. 콘텐츠를 모바일 친화적으로 만드는 것은 회사에서 너무 자주 간과하는 완전히 다른 노력입니다.

게다가 사람들은 데스크톱에서와 다르게 모바일에서 콘텐츠를 소비합니다. 또한 페이지가 모바일 화면에서 쉽게 소화되도록 최적화되지 않은 경우 사용자의 관심을 유지하기가 어려울 수 있습니다.

하지만 걱정하지 마십시오!

이 기사에서는 콘텐츠를 모바일 친화적으로 만드는 10가지 방법을 제공합니다.

그것으로 가자!

1. 전면 광고 및 팝업 줄이기

전면 광고 와 팝업 은 주의해서 구현하지 않으면 기기에 상관없이 사용자에게 큰 불편을 줄 수 있습니다. 그러나 사실은 작은 화면에서 사용자 경험을 완전히 망칠 수 있습니다.

데스크톱에서 사용자는 팝업 창을 쉽게 닫고 눈치채지 못한 채 계속 진행할 수 있지만 모바일에서는 콘텐츠를 완전히 차단하고 사용자가 페이지에 참여하는 것을 방지할 수 있습니다. 이런 일이 발생하면 그 사람은 떠날 가능성이 매우 높고 계속 발생 하면 확실히 돌아오지 않습니다.

예를 들어 흥미로운 기사를 스크롤하여 전체 화면을 덮는 광고에 도달했다고 상상해 보십시오. 스크롤을 계속하려고 하지만 광고 공간을 종료하고 나머지 콘텐츠에 도달할 수 없습니다. 갑자기, 할 수 있는 일은 광고 콘텐츠를 위아래로 움직이거나 클릭하는 것뿐입니다. 그 페이지에 머물면서 광고와 씨름할 것인가, 아니면 즉시 떠날 것인가?

네, 그렇게 생각했습니다.

간단히 말해서, 모바일에서 잘 렌더링 되는 적절한 광고 친화적인 웹사이트 레이아웃 을 선택하는 데 각별한 주의를 기울이십시오. 목표는 상황에 관계없이 모바일 콘텐츠에 계속 액세스할 수 있고 광고나 다른 메시지가 표시될 때마다 사용자가 쉽게 빠져나갈 수 있도록 하는 것입니다.

2. 여백을 많이 남겨두세요

페이지에 충분한 호흡 공간(공백이라고도 함)을 남겨두면 사용자가 압도되거나 혼란스러워하지 않고 콘텐츠를 읽고 상호 작용하기가 더 쉬워집니다. 기기의 화면을 채우는 단어가 너무 많으면 대부분 겁이 날 수 있습니다.

페이지가 텍스트로 가득 차면 단어가 함께 흐려지기 시작할 수 있으며 정보를 읽거나 이해하기 어려워질 수 있습니다.

이러한 페이지와 상호 작용하는 것은 시각 장애가 있는 사용자와 난독증과 같은 읽기 장애가 있는 사용자에게 특히 어려울 수 있습니다.

충분한 호흡 공간을 제공하면 모든 사람이 노력 없이 콘텐츠를 읽을 수 있습니다.

또한 화면 크기는 장치마다 다릅니다. 측면의 여백이 아주 작더라도 여백은 텍스트가 너무 협소하지 않도록 합니다.

다음을 통해 더 많은 공백을 제공할 수 있습니다.

• 짧은 단락 쓰기
• 글머리 기호 및 번호 매기기 사용
• 텍스트에 이미지 및 비디오 삽입
• H2와 H3를 많이 사용

3. H2, H3 및 글머리 기호로 콘텐츠 구성

H2, H3 및 글머리 기호로 콘텐츠를 구성하는 것은 페이지에 충분한 공백이 있는지 확인하는 방법 중 하나입니다.

그러나 더 많은 것이 있습니다.

부제목은 텍스트의 나머지 부분과 다른 방식으로 형식이 지정되어 있으므로 사용자가 모바일 콘텐츠를 더 쉽게 따르고 탐색할 수 있습니다.

또한 이러한 유형의 구조적 요소는 텍스트를 읽고 이해하기 쉬운 소화 가능한 바이트로 분해합니다. 이렇게 하면 사용자가 페이지를 스크롤할 때 6과 7을 느끼는 것을 방지하고 더 쉽게 이동할 수 있습니다.

간단히 말해서 견고한 콘텐츠 구조는 더 나은 사용자 경험을 제공합니다. 소제목과 글머리 기호는 인간과 로봇 모두가 의미를 더 쉽게 이해할 수 있도록 합니다. 이것이 고객뿐만 아니라 SEO 노력에도 중요한 이유입니다.

따라서 콘텐츠 순위를 높이는 데 도움 이 될 수 있습니다 .

콘텐츠를 모바일 친화적으로 만들면 하나의 돌로 두 마리의 새를 치는 것입니다.

4. 텍스트를 짧은 단락으로 나누기

솔직히 말해서 디지털 콘텐츠 작성이 처음이라면 짧은 단락이 부자연스럽고 어색해 보일 가능성이 큽니다. 특히 문서 파일에 텍스트를 작성하고 데스크탑에서 검토할 때.

원천

그러나 모바일 화면에서 동일한 콘텐츠를 검토하면 모두 이해가 되지 않습니까?

원천

긴 단락은 예를 들어 책에서처럼 데스크탑에서 괜찮아 보일 수 있습니다. 그러나 모바일 장치의 작은 화면에서는 장치의 좁은 프레임에 압착되어 결과적으로 끝없는 텍스트의 큰 블록을 형성합니다.

그것들을 스크롤할 때 사용자는 길을 잃고 혼란스러워지기 쉽습니다. 이로 인해 동일한 섹션을 여러 번 다시 읽고 좌절감을 느끼며 결국에는 쫓겨날 수 있습니다.

이를 피하려면 3-4개의 문장으로 제한되는 짧은 단락을 작성하고 가급적이면 5줄을 초과하지 않는 것이 좋습니다. 그리고 단락은 단일 문장으로 구성될 수도 있습니다.

이것처럼.

이 접근 방식을 사용하면 모바일에서 콘텐츠를 더 쉽게 읽을 수 있을 뿐만 아니라 문장의 의미를 강조하는 데도 도움이 됩니다.

5. 간단한 문장 사용

길고 복잡한 문장이 좋습니다. 복잡한 생각과 아이디어를 표현하고 메시지를 깊이 있게 전달할 수 있습니다. 그러나 작은 화면에서는 따라하기가 상당히 어려울 수 있습니다.

화면의 절반을 차지하는 문장을 상상해 보십시오. 또는 전체 화면 을 덮는 것.

당신은 그것을 쉽게 읽고 추적할 수 있다고 생각합니까? 아마 그렇지 않을 것입니다. 또는 적어도 대부분의 사람들에게는 그렇지 않습니다.

소화하기 쉽고 원활한 사용자 경험을 허용하는 짧은 문장을 제공하는 것이 가장 좋습니다.

6. 복잡한 언어 피하기

지금쯤이면 콘텐츠를 모바일 친화적으로 만드는 핵심 요소는 단순성이라는 것을 이미 이해하셨을 것입니다. 여기에는 언어와 어휘도 포함됩니다.

길고 복잡한 단어와 복잡한 용어는 특히 모바일 화면에서 읽기가 더 어렵습니다. 대부분의 사용자는 페이지를 훑어보고 모든 편지에 집중할 시간이나 인내심이 없을 것입니다.

그들의 요구를 충족시키기 위해서는 콘텐츠가 완전히 주의를 기울이지 않아도 쉽게 소비할 수 있어야 합니다.

단어가 복잡하거나 거의 사용되지 않을수록 사용자가 올바르게 이해했는지 확인하기 위해 다시 읽어야 할 가능성이 커집니다.

이는 불쾌한 UX를 생성하고, 텍스트의 흐름을 흐트러뜨리며, 혼란을 야기할 수 있습니다.

물론 가독성을 위해 어휘를 희생해서는 안 됩니다. 텍스트를 최대한 단순화하면 잠재적으로 문제(예: 반복)가 생성되고 읽기가 덜 즐겁습니다.

그러나 정보에 부가 가치를 제공하고 완전히 필요한 경우가 아니면 복잡한 단어를 사용하지 마십시오.

7. 간결하게 유지

요컨대, 일을 지나치게 복잡하게 만들지 마십시오.

사용자와 로봇 모두 긴 형식의 콘텐츠를 좋아 하는 것은 사실입니다 . 그러나 볼륨은 헛소리와 보풀이 아니라 가치에서 나와야 합니다. 단어 수를 늘리기 위해서만 항목을 추가하는 경우에는 추가하지 마십시오. 대신, 더 많은 내용과 가치를 추가하는 관련 하위 주제에 대해 이야기하는 것을 고려하십시오.

물론 이것이 당신의 글을 독특하게 만드는 모든 흥미로운 부분을 제거해야 한다는 의미는 아닙니다. 콘텐츠와 브랜드를 더 기억에 남게 만들고 독자의 관심을 끌며 읽기 경험을 촉진하기 때문에 고유한 가치가 있습니다.

즉, 독자의 인내심을 시험하게 될 수 있으므로 재치 있는 말, 뒷이야기, 회상 등으로 과도하게 사용하지 마십시오.

모바일에서 기사를 읽는 것은 평균적인 사람의 주의 집중 시간에 충분히 도전적 입니다. 그들을 계속 참여시키고 싶다면 요점에 충실해야 합니다.

8. 비디오에서 자막 사용

모바일에서 사람들이 소리 없이 동영상을 보는 경향이 있다는 것은 비밀이 아닙니다.

실제로 Facebook 동영상의 85% 가 음소거 상태로 표시됩니다. 이러한 경향을 보여주는 것은 소셜 미디어뿐만 아니라 연구 결과에 따르면 휴대전화를 사용하는 경우에도 69%의 사람들이 공공 장소에서 음소거 상태로 동영상을 시청하고 25%는 집에서 편안하게 이러한 경향을 고수합니다.

그들의 요구와 선호도를 수용하려면 콘텐츠에 추천하는 비디오가 음소거 기능이 있는지 확인해야 합니다. 가장 좋은 방법은 자막을 추가하는 것 입니다.

이렇게 하면 모바일에서 비디오 콘텐츠의 참여도를 높일 수 있을 뿐만 아니라 시각 및 청각 장애가 있는 사람들이 더 쉽게 액세스할 수 있습니다.

9. 게시하기 전에 모바일에서 콘텐츠가 어떻게 보이는지 확인

콘텐츠를 게시하기 전에 모바일에서 콘텐츠가 어떻게 렌더링되는지 다시 한 번 확인하는 것이 좋습니다. 이렇게 하면 모든 것이 멋지게 보이고 읽기 쉽고 훑어보고 참여하는 등의 작업을 수행할 수 있습니다.

또한 이렇게 하면 페이지의 품질을 향상시킬 수도 있습니다. 다른 관점에서는 너무 긴 오타, 문장 또는 단락, 이상하게 보이는 헤드라인 또는 데스크탑에서 발견하지 못한 기타 실수를 드러낼 수 있습니다.

WordPress 웹사이트에서 선택한 페이지의 모바일 콘텐츠를 변경할 수 있는 도구 도 있습니다. 멋지죠?

10. Google 도구에서 페이지 확인

Google Analytics에서 모바일 및 데스크톱 장치에서 페이지의 성능을 검토할 수 있습니다.

두 보고서를 나란히 놓고 분석하여 비교 방법을 확인합니다 . 페이지가 데스크톱에서는 훌륭하지만 모바일에서는 전달하기 어려운 경우 처리해야 할 몇 가지 문제가 있을 수 있습니다.

실적이 저조한 페이지를 식별할 때 콘텐츠가 다른 작은 화면 장치에서 어떻게 보이는지 검토하고 조직의 사람들(또는 여유가 있는 경우 샘플 고객이 아닌 이유)에게 동일한 작업을 수행하도록 요청하십시오.

얻은 통찰력은 모바일 친화적인 콘텐츠를 개선하고 쾌적한 사용자 경험을 보장하는 데 도움이 됩니다.

결론

오늘날 사람들은 그 어느 때보다 휴대전화로 인터넷을 검색하는 데 더 많은 시간을 보냅니다. 따라서 콘텐츠가 모바일 친화적이어야 합니다.

이 방향으로 취할 수 있는 많은 단계가 있지만, 이들 모두의 공통점은 단순성입니다.

모바일 사용자는 이동 중에 또는 멀티태스킹 중에 콘텐츠를 자주 소비하고 가능한 한 원활한 경험을 원하기 때문에 만나는 모든 페이지가 빠르고 쉽게 소화되기를 원합니다.

모바일 콘텐츠가 더 잘 전달될수록 고객의 주의 지속 시간의 한계를 넘어 고객의 관심을 유지할 수 있는 기회가 커집니다.