원룸텔 홈페이지(05 : single-page vs multi-page)

qksud14·2019년 12월 3일
0

이거 블로그야? 홈페이지야?

기본기능과 기초 레이아웃을 만든후에 원장님과 상의한 후에 반응형처리를 하려 원장님과 홈페이지에 관해 논의를 나눴다.
원장님의 첫 느낌은 홈페이지보다는 블로그 같다고 말씀을 해주셨다.
처음에는 무슨소리인지 이해가 안갔다.
어느 부분이 블로그 같다는건지..정확히 얘기를 하시진 못하셨고 곰곰히 생각해보니 기존의 웹사이트는 버튼 클릭시 새로운 페이지가 로드 되면서 이동한다.
반면에 내가 만든 웹사이트의 홈페이지는 하나의 페이지에서 스크롤방식으로 화면을 전환하고있다.

이 부분이 홈페이지보다는 블로그같다는 얘기 같은데..
그래서 고민이 들었다.. 나도 기존 홈페이지처럼 여러개의 페이지를 갖고 이동하는 방식으로 바꿔야할까?
처음 계획은 모바일 접속자들을 위해 보다 편한 서핑이 가능하도록 스크롤뷰를 선택했었다.

스크롤뷰를 선택하고도 여러개의 페이지를 만들수는 있었지만,
이 프로젝트에서 가장 중요하게 생각했던건 홈페이지를 빠르게 확인하고 바로 입실가능하도록 만드는게 가장 큰 목표였다.
(ID추가없는 카톡상담, 적은텍스트 이미지중심의 정보전달로 빠르게 정보확인, 빈방들의 영상 제공)
그래서 중요한 정보들만 빠르게 확인가능하도록 하나의 페이지에 정보들을 나타내고 싶었다.
내가 잘못된 선택을 했을수도 있다고 생각해서 조금 더 알아보고 싶어서 관련 자료를 찾아서 정리해본다.

Single page? Multi page?

모바일중심의 간단하고, 빠르고, 반응형 싱글페이지 웹사이트는 현재의 웹트렌드중 하나이다.
반면에 멀티페이지 웹사이트는 잘알려지고 유저들에게 친숙한 전통적인 네비게이션 플로우에 따라 정의된다.
힘든 결정이다. 가장 최선의 방법은 웹사이트의 컨텐츠와 네비게이션 플로우를 고려해서 결정하는 것이다.
컨텐츠를 빠르게 보여주고 쉽게 브라우징해야 되는지? 혹은 유저들이 필요한 정보들을 전략적으로 위치시켜야하는지? 컨텐츠 우선접근방식을 사용하면 적절한 네비게이션 시스템을 선택할 가능성이 높아진다.

the single-page site

  • 오직 하나의 페이지만 갖고있고, 추가적인 페이지는 없다.
    (About, Feature, Contact Us 같은)
  • 일관적(continuous)이고 물흐르는듯(fluid)한 사용자 경험을 갖는다.
  • 단일페이지에서 네비게이션 링크 클릭 시, 점프하거나 스크롤해서 다른 섹션으로 이동한다.
  • 유저가 결정하고 행동한 적절한 양의 정보를 제공하는 것을 목표로 한다.
  • 랜딩페이지, 포토폴리오, 이벤트 관련 웹사이트에 사용된다.
    싱글페이지에서 해야할것과 하지말아야할 것

single-page pros

  • 쾌적하고 쉽게 이해가능한 웹사이트
  • 직관적이다.
  • 유저에게 한가지 액션만 주어지기 때문에 multipage 사이트에 비해 전환율이 높다.
    (다른 페이지로 인해 주의를 잃을 이유가 없기에 더 빨리 진행할 확율이 높다)
  • 반응형 모바일 사이트 적용에 뛰어나다.
    (스크롤은 터치 모바일 기기에서 쉽고 자연스러운 이동이다)
  • multipage에 비해 디자인하기 쉽고 유지보수도 쉽다.

single-page cons

  • SEO(Search Engine Optimization)에 좋지 못하다.
  • siloing이 허용되지 않는다.
    (해결책으로 expandable div)
  • 확장성이 제한되어있다.
    (규모가 크고, 복잡하고 다양한 컨텐츠에는 적합하지 못하다)
  • URL이 하나 뿐이다.
    (어디에 공유하고싶을때 문제가 될 수 있다.)

the multi-page site

  • 다양한 페이지와 서브페이지들이 메뉴안에 있다.
  • 다른 페이지를 보기위해서는 메뉴안의 링크를 클릭하는 방법 뿐이다.
  • 거의 모든 프로젝트에 적용가능하다(eCommerce, Dashboards, eLearning)

multi-page pros

  • 확장성에 제한이 없다.
    (끝 없는 메뉴, 다양한 네비게이션)
  • 고전적인 네비게이션 플로우를 사용하기에 유저들이 친숙하다.
  • 다수의 페이지를 갖는것은 SEO에 뛰어나다.

multi-page cons

  • 업데이트하기 어렵다.
    (많은 콘텐츠를 갖는게 비용효과적인지 생각해봐야한다,
    낮은 퀄리티와 최적화되지 않은 콘텐츠는 비지니스에 좋지 않다)
  • 느린속도, 주의산만한 사이트가 사용자들에게 거부감을 준다.
  • 모바일에 적용하기 힘들다.
    (추가적인 비용과 시간이 소요되고, 모바일과 웹사이에서 디자인 일관성이 떨어진다)

what is the best solution?

single-page : 좁은 포커싱, 유저에게 특정 행동을 유도한다. 모바일 최적화
multi-page : 열려있는 확장성, 고전적인 네비게이션 시스템, SEO 전략 최적화

먼저 컨텐츠들을 정하고, 사용자들에게 필요한 정보와 어떻게 정보를 얻게 할지 생각해봐라.

나의 결론

원룸텔 홈페이지에 접속하는 비율은 모바일환경의 접속자들이 더 많고, 가장 중요한 점은 홈페이지만 보고 바로 입실문의로 이어지게 만드는 것이다.
그렇기 때문에 single-page 사이트가 더욱 적합하다고 생각한다.
이렇게 알아본 내용을 원장님께 공유드려서 설득하도록 노력해봐야겠다.
SEO에 대해 들어보기만 했었는데 조금씩 관심이 생긴다.

Reference

profile
함께 성장하는 개발자가 되고 싶습니다.

0개의 댓글