테스트와 조사를 통해 제공업체의 순위를 정하지만 사용자의 피드백과 제공업체와의 상업적 계약 또한 고려합니다. 이 페이지에는 제휴 링크가 포함되어 있습니다.광고 공시
  1. Website Planet
  2. >
  3. 블로그
  4. >
  5. 모바일 친화적인 웹 사이트 만들기

모바일 친화적인 웹 사이트 만들기

마크 홀든 마크 홀든웹 개발 전문가
10년 전 David Platt, Seth Porges, Steve Ballmer와 같은 사람들은 미래에 스마트폰이 개발되지 않을 것이라고 주장했습니다. 하지만 지금 모든 사람들이 스마트폰을 사용합니다.

타임즈에 따르면 모든 미국인들은 하루에 스마트폰을 8억번 사용한다고 합니다. 일반 사용자는 12분에 한 번씩 매일 80번 정도 스마트폰을 사용합니다.

이 경이로운 수치는 비즈니스 운영자가 더 많은 잠재 고객을 수용하도록 도와주는 정보입니다. 모바일 친화적인 웹 사이트를 제작하여 구글 검색 목록 상위권에 위치시키면 모바일 장치에서 웹 서핑하는 인터넷 사용자를 쉽게 유도할 수 있습니다.

다음과 같이 모바일 친화적인 웹 사이트를 구축하여 성공적인 고객 유치를 진행할 수 있습니다.

관련 통계 확인하기

먼저 모바일 친화적인 웹 사이트가 귀하의 비즈니스에 얼마나 중요한지 이해하는 것이 중요합니다. 최근 통계(출처: OuterBox)는 다양한 정보를 제공합니다:
  • 스마트폰 사용자의 62%는 지난 6개월 이내에 모바일 장치를 사용하여 쇼핑했습니다.
  • 소비자의 80%는 모바일 장치를 사용하여 상품을 비교하거나 매장 위치를 검색했습니다.
  • 2015년 연말의 전자 상거래 쇼핑의 33% 이상은 모바일 장치를 통해 처리되었습니다.
  • 57%의 사용자는 모바일 친화적이지 않은 웹 사이트를 추천하지 않습니다.
  • 61%의 사용자는 모바일 친화적이지 않은 웹 사이트를 재방문하지 않습니다.
위의 통계는 모바일 친화적인 전자 상거래 시스템은 미래의 온라인 비즈니스 성공을 결정할 중요한 요소라는 것을 알려줍니다. 아래에 모바일 친화적인 웹 사이트를 효과적으로 구축하는 방법을 소개합니다.

red computer1

반응적 디자인

친구, 가족, 동료에 반응하듯이 웹 사이트는 직접 웹 사이트 방문자의 활동에 반응해야 합니다. 조금 더 자세히 설명하자면 반응형 웹 사이트는 방문자가 사용중인 기기의 유형을 고려하는 웹 사이트입니다. 모바일 장치의 화면에 맞게 웹 사이트 크기, 형식, 내용 레이아웃을 자동으로 변경합니다. 반응적 디자인은 설정하면 중요한 마케팅 기능, 흥미로운 아이콘, 웹 사이트 디자인 요소가 화면 크기 매개 변수와 일치하도록 도와줍니다.

큰 그림 생각하기

사람은 시각적인 생물이기 때문에 웹 사이트 디자인의 이미지는 중요한 역할을 수행합니다. 실제로 Hubspot은 “37%의 마케팅 전문가가 가장 중요한 비즈니스 콘텐츠 형식으로 시각적 마케팅을 사용하며, 74%는 블로그 게시물 및 비디오 콘텐츠보다 이미지를 더 활용한다”고 전했습니다. 시각적 디자인은 제품 판매에 실질적인 영향을 미칩니다. 이미지 픽셀 손상을 최소화하려면 고해상도 이미지를 사용하세요.

줌 기능 제거하기

웹 페이지의 텍스트를 잘 읽을 수 없다면 얼마나 불편할까요? 안정적인 콘텐츠 제공은 모바일 친화적인 웹 사이트를 구축할 때 고려할 사항입니다. 방문자가 사용하는 모바일 장치에서 안정적인 글꼴 크기와 스타일을 선택하세요. 전문가들은 14px의 텍스트와 44px의 버튼 크기를 권장합니다.

mobile_frendly1

모바일 친화적인 옵션을 제공하는 웹 사이트 빌더 찾아보기

마케팅, 인벤토리, CRM, 웹 사이트 디자인, 홍보, 모바일 최적화를 모두 혼자 처리할 수 없다면 적절한 도움이 필요합니다. 모바일 친화적인 옵션을 제공하는 웹 사이트 빌더를 찾으세요: 최고의 웹 사이트 빌더는 동일한 번들에서 모바일 최적화 서비스를 제공합니다. 다음은 해당 서비스를 제공하는 웹 사이트 빌더입니다:
  • Wix: Wix는 모바일 편집기를 제공하여 모바일 장치용 디자인 요소를 즉시 변경합니다.
  • SimpleSite: 반응형 블로그 형태의 웹 사이트를 구축하여 모바일 지원이 가능합니다.
  • Site123: 반응형 템플릿, 모바일 미리보기 모드, 별도의 에디터를 사용하지 않는 텍스트, 이미지, 컨텐츠 변경 기능을 제공합니다.
  • Wordpress: 수많은 앱과 플러그인을 사용하여 모바일 친화적인 웹 사이트를 만듭니다.
  • Weebly: 풀 모바일 웹 사이트 빌더, 반응형 템플릿, 간단한 드래그 앤 드롭 기능을 통한 세련된 모바일 디자인을 제공합니다.

제공되는 옵션

모바일 최적화와 함께 데스크톱 보기 옵션도 중요한 역할을 수행합니다. 대부분의 사용자는 업데이트된 모바일 친화적인 웹 사이트를 주로 선호하지만 익숙한 데스크톱 버전을 선호하는 소비자도 여전히 존재합니다. 이 경우 전체 웹 사이트로 이동하거나 데스크톱 버전을 제공하는 간단한 링크를 포함하면 됩니다. 이러면 사용자가 모바일 또는 데스크톱 버전을 직접 선택할 수 있습니다.

플래시 제거

플래시는 오래된 기술입니다. 플래시는 로드 속도를 느리게 하고, Android와 iOS 기기와 호환되지 않으며, 다수의 브라우저에서 실행되지 않습니다. 그러므로 플래시를 사용하지 않는 것을 추천합니다.

반복 점검

점검은 방문자의 관점에서 웹 사이트를 볼 수 있는 가장 좋은 방법입니다. 가끔 다양한 모바일 장치로 웹 사이트를 방문하여 객관적인 소비자 경험을 분석하세요. 불편한 사항이 발견되면 즉시 고치는 것이 좋습니다!

모바일 친화적인 디자인 설정하기

전자 상거래가 모바일 체계로 고정되었습니다. 온라인 비즈니스 사업을 유지하려면 모바일 친화적인 디자인을 설정해야 합니다. 다행히도 모바일 방문자를 위한 세련된 반응형 웹 사이트 디자인을 만드는 것은 비교적 간단합니다.


TIME: http://time.com/4147614/smartphone-usage-us-2015/

OuterBox: https://www.outerboxdesign.com/web-design-articles/mobile-ecommerce-statistics

Hubspot: https://blog.hubspot.com/marketing/visual-content-marketing-strategy


이미지

반응형 웹 사이트: https://clicktecs.com/responsive-website-design/

모바일 친화적인 웹 사이트: https://www.wix.com/blog/photography/2017/03/20/how-to-make-your-photography-website-mobile-friendly/

이 기사 평가하기
5.0 2명의 사용자가 투표
이미 투표하셨습니다! 되돌리기
필수 기재 항목입니다 Maximal length of comment is equal 80000 chars 댓글은 최소 10자 이상 작성하셔야 합니다
의견이 있나요?
댓글 달기
%s 답장 확인
View %s reply
관련 포스트
관련 포스트 더 보기
본사팀은 제출된 모든 사용자의 댓글을 48시간 내로 확인하여 귀하와 같은 실존 인물이 작성한 것인지를 확인합니다. 이 기사가 유용하셨길 바라며, 더 많은 사람들과 함께 이 기사를 공유해주세요
Popup final window
지금 이 포스트를 친구와 동료들과 공유해보세요:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

매달 웹 사이트 실적 개선과 디지털 마케팅 목표 달성을 위한 조언과 전략을 제공합니다.

��음에 드신다니 다행이네요!

친구와 공유해보세요!

리뷰 부탁드려요

204596
50
5000
85061