언제나 공사중!

첫화면 꾸미기의 두번째 미션이 '왜 이런 구성을 하게 되었는가?'를 물어보는 미션이군요. 그렇지 않아도 이 부분은 처음부터 작성할 생각이었습니다. 아무 생각 없이 그냥 보여주는 것보다 '나는 이런 생각으로 이 부분을 활용했다'라고 언급해준다면, 개발하는 사람은 이를 참고하여 보다 편하게 구성하기 쉽도록 만들어 줄 것이고, 다른 분들은 이를 보고 따라서 만드는데 쉽게 참고할 수 있을 것이라 생각했기 때문입니다.

  첫화면을 계속 편집을 했는데, 제 블로그의 화면 구성은 처음 오시는 분들 위한 부분 반, 자주 오시는 분들 반으로 구성되어 있습니다. 이 부분을 설명하기 전에 일단 편집된 제 블로그 풀샷부터 보는게 설명이 빠를 것 같습니다.

  워낙 사이드바가 길어서 자르긴 했습니다만, 일단 전체적인 본문 구성은 조금 변화를 준2-3-2-3 구성입니다.

 글을 나란하게 4개까지 넣는 경우 지나치게 좁아져서 본문의 내용이 뭔지 알 수 없었습니다. 이러한 변경은 읽는 사람에게 불편함을 줄 수 있습니다. 또한 너무 많이 나열하면 메뉴만 보다가 질려서 나갈 수 있기 때문에 더더욱 많은 아이템의 나열은 피했고요. 여기에 제 블로그의 본문 폭이 좁은 편이라 더욱 불편합니다.

 따라서 한번에 본문을 어느 정도 쉽게 읽을 수 있는 수준인 2~3개로 제한했습니다. 본문 요약글을 충분히 읽을 수 있도록 기본 설정의 2배의 길이 요약을 보여주도록 설정을 변경하였습니다. 각 카테고리를 나눌 때에는 충분히 다른 글임을 인식시키기 위해 넓게 띄는 동시에 구분선도 추가 했고요. 더 많은

 통일감을 주기 위해 모든 이미지 폭은 4:3을 사용했습니다. 제가 올린 대부분의 사진이 4:3이기 때문이기도 하며, 이 비율인 경우 본문에 올릴 때 사진이 딱 맞는다는 느낌을 주기 때문입니다. 그리고 비율을 강제화하지 않으면 각기 다른 해상도+다른 비율의 사진이 나오는 경우, 그림이 공중부양을 하는 현상이 있어서 보기 안 좋더군요.

 이런 설정은 방문한 사람이 읽기 편하도록 변경한 것입니다. 다만, 고해상도에서도 글을 읽기 쉽도록 글짜 크기를 키워볼까 했습니다만 이 부분은 블로그 스킨이 먼저 수정되어야 할 것 같아서 보류 중입니다. ^^;

 각 카테고리 구성은 '최근 글->댓글이 많은 글->많은 분이 읽은 글->잘 썼다고 추천'을 받은 글 순서로 했는데, 최근 글을 가장 먼저 올린 이유는 제 블로그에 직접 주소를 치고 오시는 분들을 위한 배려입니다. 첫 페이지를 보게 되시는 분은 어찌됐든 최근 근황을 보고 싶어서 오시는 분들일 테니까요. 그 밑의 카테고리들은 이 만큼 많은 글이 있다는걸 보여주기 위해 제 블로그 자랑을 위해 올려둔 글입니다. -_-a

 특정 카테고리를 기준으로 분류하지 않는 이유는 제가 특정 분야에 대해서 자주 쓰는 블로거가 아니기 때문입니다. 어디까지나 생계형생활기록부 블로그를 운영하기 때문이죠.

제 구성에서 사용된 레이아웃은 목록형과 겔러리형 뿐입니다. 헤드라인형을 사용하지 않은 이유는 의외로 쓸만한게 없었기 때문입니다.

헤드라인형의 1,2,4,5,8,9,10번째는 조건에 맞는 첫번째 글을 제외하고는 모두 사진으로만 표기되는데, 사진으로는 어떤 글을 썼는지 알 수 없었기 때문에 선택하지 않았습니다.

본문 요약이 조금이라도 있는 3번째를 선택해봤는데 이 역시 그다지 나아지지는 않더군요. 요약 본문의 길이를 수정할 수 있다면 모를까...

6,7번의 경우, 본문이 충분히 나와서 확실하게 글을 보여줄 수는 있으나 사진이 너무 크게 나와서 작은 사진이 올라가 있다면 조금 난감해지는 상황이 연출되더군요. 이 구성으로 연속으로 두는 것도 해봤는데, 이 경우는 각 카테고리에서 가장 높은 글만 보여주기 때문에 다양한 글을 보여주지 못하는 느낌을 받았고요. 6,7번을 반복해서 사용하면 페이지가 단조롭기 때문에 역시 좋은 디자인은 아니었습니다.

 헤드라인형의 경우 충분히 폭이 넓은 1단 구성인 경우, 한 눈에 보기 좋은 구성으로 보입니다. 바꿔 말하면, 저같이 날개가 있는 스타일이 쓰기는 조금 난감합니다. 특히 폭까지 좁다면 더더욱 무리고요.

 이러한 구성을 조금 벗어나고자 조합형에서 직접 선택해보고 싶었습니다. 하지만 결과는 그다지 만족스럽지 않았는데요. 왜냐하면 양쪽으로 나뉘어 있는 조합형의 경우, (다른 카테고리를 보여줄 생각이 없다면) 같은 글이 반복되어서 나오기 때문입니다.

 처음에 나온 글과 목록에 있는 글에 같은 글이 걸리는 상황이 발견되서 저같이 '최신/댓글/추천'과 같이 전체 카테고리에 연결되어 있는 경우는 그다지 효과적이지 않았습니다. 즉, 녹색에 있는 글이 노란색 영역에 한번 더 보여주기 때문에 효과적이지 않게 되는거죠.

 조합형을 쓰고자 한다면, 특정 카테고리끼리의 조합을 통해서 사용한다면 모를까... 쓰기 어렵겠더군요. 그래서 결국 목록형과 갤러리형에서 골라서 설정했습니다.

 목록형과 갤러리형은 그다지 크게 다른게 없는데요. 그냥 그림 크기의 차이/유무가 조금씩 다를뿐 거의 비슷한 구성입니다

따라서 저같이 한개의 카테고리에 2~4개씩 보여줘야 한다면, 조건을 달리하여 목록형과 갤러리형을 조합하여 보여주는 것이 가장 깔끔하게 보이는 결과를 얻게 됩니다. 그리고 무엇보다 목록형이 사용할 수 있는 아이템 수가 가장 많습니다. -_-a

  특정 주제나 카테고리를 주력으로 삼는 분이라면 저와는 다른 구성을 선택하시는게 좋을 듯 싶더군요. 특정 카테고리를 업데이트 하신다면 헤드라인형과 조합형을 응용하시면 충분히 만족할만한 성과가 있을 듯한 구성이더군요. 만약 조합형의 디자인으로 헤드라인형 요소를 갖춰서 나온다면 쓰기 좋을 것 같습니다.

 이것저것 테스트하면서 '그림이 없이 설정을 해볼까?'라는 생각도 꽤 많이 해봤는데, 사람이 인식하기 편하게 나누기가 너무 어려웠습니다. 배경 속성이나 글씨의 차이를 둬야지 사람이 인식하기 좋을 것 같은데, 이 부분 편집은 베타 기간에는 적어도 HTML 수정으로 해결을 봐야 할 것 같고, 이는 제 능력으로는 불가능합니다. orz

PS. 그러니까 이 포스팅에는 상당히 많은 개선요소가 필요합니다라는 내용을 담고 있는거에요. (응?)

 2009 년에는 비교적 조용했던 티스토리가 2010년에는 뭔가 좀 하려고 하나 봅니다. 연초부터 첫화면 꾸미기 클로즈 베타 테스터를 모집합니다!라는 공지를 내보내고 있습니다. 물론, 티스토리 유저인 저는 당연히 이런 것에는 응모를 해줘야 합니다. 비록 일이 바쁘고 여기저기 저를 찾는 일이 산더미일지라도 이런 응모에는 빠져서는 안되는게 티스토리 사용자 입니다. (응?)

  저는 과거부터 쭈욱-- 이런 테스트에는 잘 응모를 하였고 별 이상한 버그를 찾는데 능수능란한 능력을 보인바, 운명적으로 베타테스트에 응모를 하여야 겠습니다. 물론, 베타테스트에 응모를 했지만 선택되지 않았다면 그것은 하늘의 뜻이니 블로그를 접어야 겠습니다 그냥 그려러니하고 하늘만 보고 쪽쪽 빨아야 겠지요.

 티스토리를 하면서 꽤 많은 기억이 있는데, 가장 기억에 남는건 샨새교 교주님을 뵈었던 2008년 티스토리 개편 때였습니다. 170명의 전사 중에서 3등 안에 드는 기염을 통해 아이팟 터치를 입수하게 되어 지금의 아이폰까지 지르게한 위대한 사건이거든요. 그래도 2008 베타테스트때에 진짜 즐겁게 임무를 완수 했습니다. 상품에 관계 없이 말이죠. 뭐랄까.. 짧은 시간안에 활활 불태우는 재미라고나 할까요? 특정 주제를 갖고 열혈 포스팅을 하는 즐거움을 느끼게 해준 즐거운 시간이었거든요. (그래도 내 블로그에는 특별한 주제를 잡지 않을 예정!)

 아마 이때 티스토리를 통해 아이팟터치를 입수하지 않았다면 저는 띵가띵가 거리면서 몇몇 개의 포스팅이 없어졌을지도 모르겠군요.

 하지만 이렇게 꼭 좋은 기억만 있는 것도 아닙니다. 터치 입수 후, 제 생활은 준 푀인에 가깝게 변하기 시작했고 살이 포동포동하게 먹기 좋게 찌면서 여기저기 몸이 아퍼오고 밤에 피는 장미 더 밝아지는 생활을 하게 되었으니까요.

 올해는 반드시 블로그 스킨을 바꾸겠다는 의지가 있긴 합니다만, 블로그 스킨을 꼭 바꾼다기 보다는 고객 서비스 차원에서 뭔가 달라진 것을 보여주고 싶어서 신청하는게 진짜 목적입니다. 제가 코딩(HTML 코딩 포함)을 못한다는 것은 지극히

 이번에도 베타 테스터가 되면 또 간만에 열혈 포스팅을 하겠군요. 마지막으로 사상 최악의 열혈 포스팅을 할지도....(그녀야님의 말 참고)

아.. 그리고 마지막으로 제 환경입니다.

• Windows 2008 R2 Server x64 + (Firefox 3.6, Internet Explorer 8, ChromePlus 1.3.7)
• Windows 7 Enterprise x64 + (Firefox 3.6, Internet Explorer 8, ChromePlus 1.3.7)
• Windows XP + (Internet Explorer 6, Internet Explorer 8)
• iPhone OS 3.1.3 + (Safari, Mecury Browser)

 

PS1. 2008 베타 테스트때 처럼 밤 12시 땡치면 과제가 떨어지지 않았으면 좋겠습니다. 잠도 못자고 포스팅을 했다고요. ㅠ.ㅠ

PS2. 최우수 베타테스터의 선물인 넷북은 탐나지 않고, 우수 베타테스터에게 주어지는 아이리버 e스토리는 조금 탐납니다. 하지만, 미션별 우수 베타테스터에게 주어지는 블루투스 헤드셋은 많이 탐납니다. '제 아이폰에 잘 어울릴 것 같은 느낌'이 들거든요.

PS3. 열심히 쓰고 봤더니 10일 마감이 14일 마감으로 변했군요. -_-a

일단 이 상당히 귀찮고 무지 어려우며 시간이 많이 소요되기도하며 조금은 촉박한 일정이여서 스트레스를 많이 준 테스트가 다 끝나서 기쁩니다. 어떻게 해서든 다 하기는 했으니까요. ^^; 그리고 많이 고치면서 노력하는 모습을 보여주는 티스토리가 좋게 보이기도 하고요. 여기저기 불안정한 모습과 아직 기능이 완전히 보이지 않는 점 등을 미루어 볼 때, 지금의 상태로 바로 내놓는다는건 무리가 조금 많이 있는 것이겠습니다만, 빠른 시일에 다시 볼 수 있었으면 좋겠군요. 하다보니 정들었다고나 할까요. 슬슬 에디터도 익숙해져가고 있는데, 끝나다니.. 아쉽습니다.

그래도 계속 쓸 수 있다면 좋겠어요. ㆅㆅ 여태까지 수고하신 티스토리 관계자 여러분, 그리고 많은 베타테스터님들 수고하셨습니다.

여기서 끝~

하면 재미 없을꺼 같아서 현재 있는 개선사항과 버그 목록이나 뽑아볼까 합니다. -_- 절 힘들게 한 만큼 티스토리 분들도 힘들으셔야 합니다. 핫핫핫~ (본성이 들어나는군요)

후후후... 개선 사항만 써서는 제가 고생한게 풀리지 않을꺼 같습니다. 그래서 버그라 보이는 목록을 쭉~ 뽑아봤습니다. (심각한 것만.....)

 이제는 정말로 끝내야 할 것 같군요. 제가 느끼기에 심각한 오류나 불편 사항은 이 정도였으니까요. 다른 분들이 워낙 많이 버그레포팅을 해주시고 그게 조금씩 수정되가서 초기에 기록해놨던 많은 버그목록은 사라진 상태군요. 현재는 범용적인 환경에서 아쉬운데로그럭저럭 쓸 수 있는 정도가 아닐까 싶습니다.

PS. 이 글 작성하면서 이상한거 하나 추가로 발견했는데요. 외부 편집기로 올릴 때 있는 그림 3종을 잘 보시면 하나의 자막은 일반 택스트로 보입니다. 이게 제 스킨 문제인지, 아니면 버그인지 모르겠어요. -_-a

 저는 CSS가 잼병이여서 아무것도 못합니다. 하지만 하라고 하면 합니다. 어떻게? 다른 분들이 한거 보고요. -_-a

 사실은 다른 분들이 한거를 따라한게 아니라, 예제로 공개된거를 툴로 색깔이나 몇가지 효과를 적용했습니다. 하지만, 의외로 적용이 안되는 모습을 보여주네요. 아니면 제 브라우저가 이상한 것이던가요. 일단 제꺼가 적용된 스샷은 다음과 같습니다. 별거 안하고, 링크만 적용된 것으로 보입니다.

 정말로 차이가 없죠? 링크 하나만 적용한거랑 비슷하니까요. 사실은 조금 많이 차이가 납니다. 

치는게 귀찮으신 분들을 위해 wysiwyg.css 파일을 올려두는 센스도 잊지 않습니다. -_-

 색이나 그런 것도 꽤 바꾼다고 바꿨는데, 제 눈에 보이는건 링크뿐.... -_-a 아니면 없는 속성을 이상하게 설정했거나... 말이죠.

음음... 아무튼 정말 이상한 것!!!!

이 글과 관련 있는 참고 글

2008/07/09 - M1 - 티스토리 변화된 에디터 2008/07/10 - M2 - 에디터 Before & After! 2008/07/14 - M3 - 새로워진 에디터의 사이드바와 하단 설정창에 어떻게 생각하세요? 2008/07/15 - M4 - 나만의 센터를 보여주세요! 2008/07/19 - M5 - 당신이 만든 서식을 공유해주세요! 2008/07/24 - M7 - 플러그인에 대해 이야기해주세요! 2008/07/25 - M8 - 나만의 활용팁, 노하우를 공개하라!

 

 오늘 갑자기 방명록에 작성된 TISTORY님의 글.... 의 요청에 따라서 티스토리 베타테스터에 신청을 합니다. (응? 시키면 다 한다니까요. (물론, 제가 시간이 좀 널널하고 할 일이 없을 때에만...))

• 본인이 사용하는 사용 환경 (OS 및 인터넷 브라우저)
  
  뭐, 이런게 다 궁금하실까... 베타테스트여서 그런가요? 아무튼 간에 요청사항이니 적도록 하겠습니다.
  
  
  
   
  
  위에 적은 것을 제외하고 한 대 더 있긴 하지만, 지금 캡춰하기는 귀찮으므로 패스!
  
  요약 : Windows Vista x64 Enterprise K with ServicePack 1 / Internet Explorer 7 | Avant Browser | Firefox 3
  
  
• 티스토리를 사용하면서 가장 좋았던 기능
  
  원래 태터툴즈로 시작했기에 가장 부담 없이 사용했습니다. 그래서 익숙하고 편했지요. 일단 BlogAPI를 지원해서 온라인이 아니여도 작성 가능하다는 점을 최고로 치고 싶습니다. 이 내용에 대한 이야기는 2007/11/14 - 블로그의 글도 오프라인으로 쓴다! 와 2008/02/14 - Live Writer를 이용한 사진 올리기 를 참고하시면 됩니다.
  
  
  
• 티스토리를 사용하면서 가장 불편했던 기능 
  
  가장 좋았다고 말하는 부분이 BlogAPI의 지원이지만, 반대로 티스토리를 지원하는 완벽한(?) 저작도구가 없는게 아쉽습니다. 현재 그나마 한국에서는 쓸만하다고 나온게 Windows Live Writer인데, 사실 이것도 살짝 깨지는 불편함이 있습니다.
  
  
  
• 베타테스터가 되어야 하는 이유
  
  티스토리 관리자님께서 방명록에 친절히 신청하라고 하셨더군요. ;; 이런 친절을 거부하면 벌 벋는겁니다. -_-a