티스토리 툴바


티스토리의 놀라운 변화, 첫화면 꾸미기 기능


[일상] 2010/03/19 14:40 Posted by 오르™
이번에 티스토리가 사고 한번 제대로 쳤다. 첫화면 꾸미기 베타 테스트를 한다길래 큰 기대는 안했다. 그런데, 왠걸! 이리저리 꾸미기를 해보니 놀라웠다. 여러가지 기능을 만지작 거리면 거릴수록 강력한 꾸미기 툴이라는 걸 알게 된다. 사용자 중심의 GUI(graphical user interface)를 구현하기 위해 디테일한 부분까지 신경썼다.

첫화면 꾸미기를 구동시키면 뜨는 화면이다. 아이템과, 글선택, 디자인 셋 부분으로 나뉘어져 있다. 먼저 추천세트를 적용해 보면 대충 감을 잡을 수 있다.

아이템은 헤드라인형, 목록형, 갤러리형, 조합형으로 구성되어 있다. 조클닷컴은 첫화면 젤 위 아이템으로 먼저 헤드라인형 중에서 첫번째 아이템을 선택했다. 큰 이미지와 작은 이미지 4개를 배치하여 링크를 걸어 둔 것.

작은 이미지 4개 양옆으로 페이지 넘김 버튼이 있으면 좋겠다는 생각이다. 그리고 헤드라인형만 아이템과 아이템과 붙어버리는 단점이 있다. 물론 아래 구분선을 넣어서 해결할 수 있지만, 그러면 사이가 너무 뜬다. 빈줄 넣기 기능 추가가 필요해 보인다.

아래 이미지의 빨강 사각선 안은 임시방편으로 제목 테두리를 흰색으로 설정하여 빈공간을 두었다.

두번째 설정항목은 '글선택'이다. 글선택은 디렉토리별로, 또는 직접 설정할 수도 있다. 인기순이나 태그순으로도 설정할 수 있다.

조클닷컴에서는 인기순 중에서 조회수 많은 글 순으로 설정하여 어떤 글이 인기가 많은지 알수 있게 하였다.

직접선택을 할 때, 불편한 점은 한번 추가한 글을 삭제할 수 없다는 점이다. 물론 순위는 조정할 수 있지만, 글을 교체할 때 번거롭다.

먼저 아이템을 선택하고 글선택을 하고나면 배치될 콘텐츠는 정해졌다고 볼 수 있다. 여기서 콘텐츠의 무늬를 입히는 과정이 디자인 선택이다.


첫화면 꾸미기의 가장 강력한 부분이 디자인이라고 생각한다. 디자인 부분은 타이틀을 달 수 있다. 글자체와 색깔, 배경과 테두리, 그리고 아이콘까지 추가할 수 있다.

이 기능들을 요모조모 잘 조합하면 보기좋은 첫화면이 될 수 있다. 역시 관건은 디자인 감각이다. 배색과 여백들이 얼마나 조화를 이루느냐에 따라 느낌이 매우 달라지기 때문이다.

조클닷컴에서는 헤드라인형과 목록형을 적절히 배치했고, 중앙 부분에는 조합형을 두어 다시한번 큰 이미지를 강조했다. 조합형에서 선택할 수 있는 왼편 이미지와 같은 아이템이 목록형에는 선택할 수 없다는 것이 아쉽다.

목록형 아이템에도 글 제목만 들어갈 수 있는 아이템을 추가하는 것이 첫화면을 아기자기하게 만드는데 필수적이라고 본다. 그리고 첫화면의 비주얼을 위해서 광고도 배치할 수 있는 아이템도 추가하면 좋으리란 생각이다.


이번 첫화면 꾸미기의 베타 테스트에서 이미지 처리가 가장 애를 먹는 부분이 아닌가 한다. 썸네일 비율을 조정할 수 있으나, 원본 이미지에 따라 위 그림과 같이 이미지가 짤리는 부분이 생길 수 있다는 것이다. 이미지의 아래 위를 조정할 수 있다면 이러한 문제는 해결될 수 있을 것이라 본다.

간략하나마 첫화면 꾸미기를 해 본 소감을 적었다. 몇가지 점만 개선된다면 굉장히 유용한 툴로 자리잡을 것이란 생각을 하면서, 다시한번 첫화면 꾸미기를 개발한 티스토리팀에게 감사를 드린다.
저작자 표시 비영리 변경 금지