중앙 커뮤니티
Advertisement
CC MobileFriendly2015 700x200 BlogHeader R3 KO


이번 달 초반에 저희는, 위키아 총 접속량 중 모바일 기기를 통한 접속만 50%에 달한다는, 매우 중요한 사실을 밝혔습니다. 모바일 기기를 통한 접속률은 계속해서 증가하는 추세이며 그에 따라 저희는 2015년 한 해 동안 모바일 최적화에 힘을 기울이기로 결정했습니다.

모바일 최적화를 위해 저희는 먼저 "추천 관행" 블로그 연재를 시작했고, 여러분의 커뮤니티를 모바일 기기에 최적화할 수 있도록 도와주는 도움말 문서들을 작성했습니다. 모바일 도움말 허브에서 모든 모바일 추천 관행들을 확인하실 수 있습니다. 이 프로젝트를 진행하면서 저희는 또한 표, 토막글 틀, 대문 등을 어떻게 하면 더 모바일 기기에 최적화할 수 있을지 조사도 함께 진행할 것입니다.

저희는 먼저 모바일 최적화 프로젝트의 첫 단계로서 대문 최적화 가이드를 마련했습니다. 대문은 사용자들이 각 커뮤니티에서 가장 먼저 보게 되는 화면이며 그에 따라 가장 먼저 모바일에 최적화할 필요가 있습니다. 대문을 모바일에 최적화하는 데에는 다양한 방법들이 있으며 저희는 도움말 문서와 블로그 글에서 그 다양한 방법들에 대해 소개할 생각입니다.

모바일 테스트 도구[]

새로운 도움말 문서를 참고하는 데에 앞서 가장 먼저 알아두어야 할 점은 모바일 테스트 도구입니다. 모바일 테스트 도구를 이용하면 데스크톱을 사용 중일 때도 귀하의 편집이 모바일 기기에서 어떻게 보일지 미리 확인할 수 있습니다. 이 도구가 왜 그렇게 중요한지 궁금하신가요? 답은 간단합니다. 각 커뮤니티들이 모바일에서 표시될 때 어떤 과정을 거치는지 생각해 보세요. 모바일에서 모든 콘텐츠들은 모바일 기기에 맞는 포맷으로 전환될 것입니다. 데스크톱에서의 화면을 모바일 기기에서 표시하게 되면 작은 해상도에 의해 모든 콘텐츠들이 쥐어짜지고, 데스크톱과 모바일 기기 사이의 시각적 차이는 벌어지게 됩니다. 만약 모바일 테스트 도구가 없었다면 데스크톱과 모바일 기기 사이의 차이를 비교하기 위해선 매우 복잡한 기술적 도전이 필요했을 것입니다.

모바일 테스트 도구를 이용하면 커뮤니티가 모바일 기기에서 어떻게 보일지 데스크톱에서도 근접하게 확인할 수 있습니다. 이미 이러한 도구는, 진화하는 세계 모바일 시장에 준비하기 위해, 기본적인 요소가 되었습니다. 크롬, 파이어폭스, 사파리 같은 브라우저는 이미 이러한 유형의 도구를 가지고 있으며 그 도구들 또한 유용하게 활용하시는 걸 추천합니다. 이 유형의 도구들은 귀하의 기여를 다양한 OS에서, 기기에서, 그리고 페이지 레이아웃에서 볼 수 있도록 해줄 것입니다. 모바일 테스트 도구에서 가장 주목할 만한 점은 모바일 테스트 도구를 이용하면 모바일 화면에서 화면을 스크롤하거나, 활성화되는 링크를 확인하거나 하는 등 다양한 면에서 실제로 모바일을 사용하는 것과 비슷한 환경을 체험할 수 있다는 점입니다. 모바일 테스트 도구를 사용하고 나면 귀하의 편집 습관이 더 모바일에 친화적이게 될 것이라고 생각합니다. 그렇다면 모바일 커뮤니티도 훨씬 더 귀하에게 가깝게 다가갈 수 있겠죠!

대문에서 자주 발생하는 문제[]

대부분의 위키아는 비슷한 대문 콘텐츠를 가지고 있으며, 그 콘텐츠 중 일부는 모바일 최적화와 관련된 문제를 가지고 있습니다. 다음과 같은 콘텐츠들은 모바일에서 문제를 일으킬 수 있습니다:

  • 그림으로 된 문단 이름
  • 슬라이더
  • 설문조사
  • 블로그 목록

이 중에는 일반 사용자로서는 해결할 수 없는 문제도 있습니다. 예를 들어 설문조사는 모바일 기기에서 표시되기는 하지만, 실질적인 투표 기능은 사용할 수 없습니다. 또 이러한 문제는 커뮤니티 사용자들 사이에서는 해결할 수 없는 문제입니다. 그러므로 이러한 문제는 저희가 직접 고쳐나갈 것입니다.

직접 문제를 해결할 순 없어도, 대신 도움말 문서에서 데스크톱 화면과 모바일 화면 사이의 적절한 절충안을 제공하고 있습니다. 이러한 모바일 최적화 계획들은 저희가 매우 권유하는 부분이지만, 그렇다고 해서 필수라는 것은 아닙니다. 그리고 만약 문제가 공식적으로 해결되기 전에 자신만의 해결법을 발견하셨다면 그걸 이용하셔도 좋습니다.

귀하의 커뮤니티 대문에 모바일 화면에서 영 좋지 못하게 표시되는 요소가 있고, 아직 저희의 도움말 문서에서 언급되지 않은 내용이라면 특수기능:문의를 통해 저희에게 알려 주세요. 단 제목은 "Main Page Optimization"로 해주세요. 각 상황에 따라 문제를 해결할 수 있도록 노력하겠습니다. 또 다음에 참고하기 위해 해당 내용을 도움말 문서에 추가하는 것도 고려해 보겠습니다.

사례연구[]

추천 관행 블로그 연재에서, 저희가 각 커뮤니티와 함께 작업했던 내용들은 중요한 부분을 차지하게 될 것입니다. 커뮤니티를 더욱더 모바일에 최적화하기 위해 저희는 저희가 발견한 해결법들을 각자 필요한 커뮤니티에 적용시켰습니다. 대문 모바일 최적화에 대해서는, 몬스터헌터 위키와 함께 작업했습니다. 저희는 이 작업에서 얻은 교훈을 새겨듣고 모바일 최적화 프로젝트에 유용하게 활용할 것입니다. 해당 도움말 문서에서 몬스터헌터 위키의 모바일 최적화에 관한 더 자세한 정보를 얻으실 수 있습니다.

결론[]

이러한 프로젝트를 통한 저희의 최종 목표는 더 많은 커뮤니티가 모바일 사용자 수 증가에 대해 인식할 수 있도록 하는 것입니다. 위키아의 모든 커뮤니티가 이 프로젝트에서 권유하는 대로 따르지는 않겠지만, 저희는 계속해서 모바일 최적화를 돕기 위해 작업할 것입니다. 저희가 바라는 바는 각 커뮤니티가, 모바일 최적화에 대해 더 관심을 가지게 되고, 그에 맞게 편집 방식에 변화를 주어, 새로운 트렌드에 참가할 수 있도록 유도하는 것입니다. 이 프로젝트에서 권유하는 해결 방법은 저희가 매우 권유하는 부분이지만, 자신만의 아이디어를 가지고 있고, 그 아이디어가 CSS나 JS 없이 (CSS와 JS는 모바일에 적용되지 않습니다) 이루어질 수 있다면 자신만의 아이디어를 따라도 괜찮습니다. 저희가 응원하고 있을게요!

언제나 그랬듯이 특수기능:문의를 통해 의견, 질문, 제안을 보내실 수 있습니다. 모바일에 관련된 문의는 제목에 "Mobile"을 넣어 주시고, 귀하의 커뮤니티 링크를 거시는 것도 잊지 말아 주세요.

도움말 문서에는 나와 있지 않은, 대문을 모바일에 최적화하는 자신만의 방법이 있으신가요? 아래 댓글란에서 해당 내용을 다른 사용자들과 함께 나눠 보세요!

팬덤 중앙 커뮤니티 팬덤 아이콘
꼬리말 포럼
포럼에서 도움을 받아 보세요
문의 - 허브 - 관리자 권한 요청 - 다국어 연결 요청 - 스포트라이트 요청 트위터 블로그
Advertisement