본문으로 바로가기

지난 2015년 12월 운영이후, 베짱이 공간이 올해로 만 1년이 되었습니다. 1년 운영을 자축하는 의미로 베짱이 공간의 스킨을 바꾸어 보았는데요. 사용자(베짱이) 관점이 아닌 방문자 관점에서의 스킨 사용성에 대한 평가 정보가 매우 부족한 실정입니다. 스킨이 유료 스킨이고 돌아오는 일요일까지 테스트 기간이랍니다. 비주얼적인 부분에서는 만족스럽지만 정보성 블로그인 베짱이 공간에 적합한지 의문입니다.

베짱이 공간의 새로운 얼굴(스킨)을 평가해주세요. 고도화기획(?)

과거 베짱이 공간의 스킨 캡처 이미지



클래식(Classic)하기는 하지만 한눈에 전체 정보가 들어오는 장점이 있습니다. 그리고 무엇보다도 지난 1년간 구 스킨의 사용성(인터페이스 등)에 익숙해져서 현재 적용되어 있는 신 스킨이 다소 낯설고 불편하게 느껴지기도 합니다. 사용자 측면에서는 몇가지 불편한 부분(댓글 대응, 에디터, 로그아웃 등)이 존재하고 있는 상황입니다. 그러나, 애플스러운 비주얼적인 부분에서는 만족하는 부분도 적지 않아 고민입니다.



그래서 여러분들의 의견이 매우 궁금합니다.



현재 베짱이 공간에 적용된 스킨의 사용성에 대하여


구 스킨과 가장 큰 차이점은 구 스킨이 계층적인 정보구조였다면, 신 스킨은 콘텐츠의 주목성이 큰 구조입니다. 과거에는 해당 카테고리의 글을 보려면 클릭이라는 행위를 해야만 했지만, 현재 적용된 스킨은 간단히 마우스 커서만 쓱 옮겨주면 해당 카테고리의 최신글 5개의 썸네일 이미지를 보여줍니다. 펼침메뉴로 제공되는 썸네일은 단시간내에 많은 정보를 시각적으로 빠르게 전달해주는 장점이 있습니다.



그렇지만 스크롤을 사용성에 적응하는 데 약간의 시간을 필요로 합니다. 그리고 기존 직관적이고 단순하면서도 강력했던 기능들을 놓칠 수도 있습니다. 관리자(베짱이) 입장에서, 구 스킨만큼 빠른 피드백을 드리는 등, 새로운 댓글 등의 이슈 대응에 다소 어려운 구조 입니다.



한편으로는 적응에 따른 학습이 필요합니다. 그런데, 굳이 비용을 들이며, 적응해야만 하는지도.. ^^



베짱이 공간에 방문하시는 여러분들에게 의견을 여쭙고자 합니다. 원하시는 정보를 찾아가시는 데 기존과 비교해서 어떠하신가요?





심심해서 아쉬운점을 스토리보드로 그려봤습니다. (잉여로움)


1) 탕비수다 유료 스킨 와이어 프레임

 

2) 네비게시션 펼침 메뉴의 아쉬움 (일단 여기까지만...)




3) 홈 메뉴의 아쉬움 (슬라이딩 레이어로 하단의 사이드바2를 끌어올리자)



심심해서 한번 만들어 봤어요. 서비스기획 중 기능고도화를 이런 방식으로 커뮤니케이션합니다. ^^


(이미지를 클릭하시면 전체화면으로 보실 수 있어요)



스킨 변경에 대해 망설이는 진짜 이유


기존 스킨에 최적화 시켜놓았던 설정값(?)을 수정하려면, 노가다를 해야만 해요. 은근 득보다 실이 많은 귀찮은 작업이죠. ^^



스킨 버그 리포트


1) 이미지가 정상적으로 표현되지 않음



재현 경로 : 상단 네이게이션 펼침 메뉴로 해당 페이지 진입 하였음.

(브라우저 정보: Microsoft Edge 38.14393.0.0 / Microsoft EdgeHTML 14.14393)



2) 구글 반응형 광고(링크형) 표현값이 브라우저별로 다름


재현 경로 : 크롬(좌)의 경우, 해상도 값을 이탈함 / 엣지(우)의 경우, 블럭 처리 됨 (링크형 광고 설정 페이지 모두) / 크롬의 경우 모바일에서 정상적으로 보여짐(넥서스5x, 안드로이드 7.1.1, Crome 5.0.2883.91)  기타 브라우저는 테스트 안해봄

브라우저 정보 : 크롬 버전 55.0.2883.87 m (64-bit) / 엣지 버전 Microsoft Edge 38.14393.0.0 / Microsoft EdgeHTML 14.14393




무료로 QA까지 해주는 베짱이 (진상, 잉여쟁이 ㅠ..ㅠ) - 스킨 가격 할인(이라 적고 무료를 요구한다) 되나욤?




김윤아 - 담


우리 사이엔 낮은 담이 있어

 

내가 하는 말이 당신에게 가 닿지 않아요

 

내가 말하려 했던 것들을

 

당신이 들었더라면

 

당신이 말할 수 없던 것들을

 

내가 알았더라면

 

우리 사이엔 낮은 담이 있어

 

부서진 내 마음도 당신에겐 보이지 않아요

 

나의 깊은 상처를 당신이 보았더라면

 

당신 어깨에 앉은 긴 한숨을 내가 보았더라면

 

우리 사이엔 낮은 담이 있어

 

서로의 진실을 안을 수가 없어요

 

이미 돌이킬 수 없을 마음의 상처

 

서로사랑하고 있다 해도 이젠 소용없어요

 

나의 닫힌 마음을 당신이 열었더라면

 

당신 마음에 걸린 긴 근심을 내가 덜었더라면

 

이미 돌이킬 수 없을 마음의 상처

 

서로 사랑하고 있다 해도 이젠 소용없어요

 

우리 사이엔 낮은 담이 있어

 

서로의 진실을 안을 수가 없어요

글 내용은 유익하셨나요? # 구독하기 버튼과 TAG 버튼을 클릭 #하시면 보다 편하게 새 글을 구독하실 수 있습니다.
* 베짱이 공간의 모든 저작물은 단순 링크 참조를 제외한 모든 외부 참조를 불허합니다. *


댓글을 달아 주세요

  1. BlogIcon GeniusJW 2017.01.11 12:39 신고

    깔끔하고 좋은데, 무언가 빈 듯한 느낌을 주기도 하네요.
    개인의견이니,, ㅋㅋ(제가 디자인에는.. 소질이 없어서요..ㅠ)

    • BlogIcon 베짱이 2017.01.11 12:41 신고

      비주얼은 확실히 좋은듯 합니다. 그러나... 뭔가 조금은 아쉽죠? ㅋㅋㅋ 익숙하지 않은 것의 낯설음인지. 정보성 블로그에게는 적합하지 않은 UX인 것인지... ㅋㅋㅋ

  2. BlogIcon 양잘쌩 2017.01.11 13:03 신고

    오 확실히 이전보다 더 깔끔해지고 좋아요.
    저도 새해니깐 한번 바꿔볼까요? ㅎㅎ

  3. BlogIcon 꿀봉♪ 2017.01.11 15:23 신고

    저는 깔끔한걸 좋아해서 심플하니 괜찮네요.
    저두 바꾸고는싶으나 만만치않은 작업이라ㅜㅜ

    • BlogIcon 베짱이 2017.01.12 01:53 신고

      가이드가 있어서 크게 어렵지는 않은데..
      설정하면 할수록 이건 안되나?
      하는 아쉬움이 남아서 계속 가능성 여부를 질의하게 되고.. 돌아오는 답은 어렵다는 답변이면 허탈하곤 하죠. ㅠ..ㅠ

      고민중이에요.

  4. BlogIcon LAZEEN 2017.01.11 16:02 신고

    와 베짱이님 완전 새롭게 변한 것 같아요. 너무 깔끔하고 모던한느낌이 가득한게 세련되보이기까지 하네요^^ 멋집니다~!

    • BlogIcon 베짱이 2017.01.12 01:54 신고

      비주얼적인 부분은 확실히 괜찮은데...

      정보성 블로그 특성상 부딪히는 요소가 은근 많은거 같아요. ㅠ..ㅠ

      실용성을 추구하면 좀 아닌거 같고
      뭔가 변화가 필요한거면 맞는거 같고..

      아직은 내실에 치중해야하는 시점 같기도 하구요.

  5. BlogIcon 까칠양파 2017.01.11 16:51 신고

    저 역시 스킨을 바꾸고 싶은 1인입니다.
    그런데 딱히 맘에 드는 스킨이 없더라고요.
    역시 돈을 써야, 괜찮은 스킨이 얻을수 있군요.
    개인적으로 2단 형식을 좋아하는데, 이 스킨도 괜찮네요.ㅎㅎ

    • BlogIcon 베짱이 2017.01.12 02:25 신고

      쓰는 만큼 편리한 거 같아요.

      근데, 선택권이 많아지면 도리어, 문제가 생기기도 한답니다. 정확한 정보에 근거한 선택을 해야하는데....

      예를 들어 백화점에 가서 쇼핑을 한다고 해도 구매하려는 상품의 본질적인 가치도 중요하지만 백화점 인테리어 조명 점원의 대접 등에 혹하게 되는 경우가 많죠. ^^

      고민이에요. ㅋㅋㅋ 합리적인 소비를 하기 위한 고민.. ㅋㅋㅋ

  6. BlogIcon 평강줌마 2017.01.11 19:40 신고

    저는 복잡한 것을 싫어해서 깔끔한 첫 번째 것이 좋네요. 첫 번째 스킨은 다른 블로그에서 많이 봐서 눈에 익거든요. 꾸욱 누르고 갑니다. 개인적인 의견이니 참고만 하세요.

    • BlogIcon 베짱이 2017.01.12 01:58 신고

      확실히 티스토리 사용자가 많아지면서
      과거에는 스킨을 유료로 배포하시는 분들이 드물었는데. 요즘에는 오 쓸만한데? 이러면 대부분 유료 스킨이더군요.

      그만큼 티스토리 블로그가 성공했다는 것이기도 하구요. 사용자인 베짱이의 관점에서는 조금 불편하고, 추가적인 비용(사용성, 구입비)가 있네요. 핵심은 사용자경험(UX)인데요.

      처음에는 대부분 달라진 모습에 우와~ 하는 감탄사를 보이며, 스킨의 단점이 눈에 보이지 않습니다. 그런데, 1달정도 지나고 익숙해지면, 분명 과거에 이랬는데. 지금은 이래서 조금 불편하다는 Needs가 나올것 같다는 생각이 가장 걱정되는 부분이에요.

      스킨의 변화가 애드센스 배치나 그런 수익성과도 직결되는 미묘한 문제네요. ^^ 현재 베짱이 공간의 애드센스 수익은 미미한 수준이기는 하지만요. 관리자 입장에서는 존재만으로 든든한 건 있거든요. ㅋㅋㅋ

  7. BlogIcon CreativeDD 2017.01.11 19:49 신고

    첫인상은 아주 깔끔해보이고, 세련된 느낌인데,
    한편으론 사진중심인 포스팅(여행,음식)에 더 잘 어울리지 않을까.. 하는 생각도 드네요.^^;;
    (지극히 주관적인 생각이에요~ㅎㅎ)

    • BlogIcon 베짱이 2017.01.12 02:00 신고

      확실히 사진중심의 비주얼적인 블로그에는 큰 이견이 없는거 같아요.

      솔직히 글을 집중해서 읽어야 하는 내용이 많은데.. 깔끔함은 집중력을 분산시키는 효과를 야기시킬 것도 같네요.

      스킨 전반적인 색상이 하얀색이라.....

      확실이 UX적인 부분을 고려할떄 이런 인구통계학적인 변수가 매우 중요하거든요.

  8. BlogIcon 강봥옵써 2017.01.11 21:36 신고

    저도 초보라서....
    제 스킨도 손좀 봐야겠습니다

  9. BlogIcon sword 2017.01.12 06:19 신고

    말씀드린대로 현재의 4개의 이미지가 펼쳐지는게 훨씬 나아보입니다 ^^

    저는 현재가 좀 더 나은거 같아요
    블로그 스킨 자체는 어렵고 손도 많이 가지만
    기존의 블로그 스킨보다는 좀 더 전문가 스러운 느낌이 나거든요 ^^

    • BlogIcon 베짱이 2017.01.12 06:37 신고

      롤랑존님 상대로 시위라도 하고 싶네요. ㅋㅋㅋ 홈 버튼 대신에 햄버거 버튼 같이 레이어형태의 슬라이딩 메뉴 좀 어떻게 안될까요? 펼침 메뉴에 롤링 버튼 어떻게 안될까요? ^^

      하단 사이드바2 또는 푸터 영역까지 스크롤을 내리는 게 귀찮아요. ㅠ..ㅠ 그것에 대한 사용성만 개선 되면 차암 좋을텐데... ^^

    • BlogIcon sword 2017.01.12 07:09 신고

      그렇게 되면 지저분해 보일거 같은데요...

    • BlogIcon 베짱이 2017.01.12 07:34 신고

      sword 고객님의 요청으로 고도화기획서 3장을 첨부하였습니다. ^^

      한번 보시고 평가해주세요.
      (베짱이는 디자이너가 아니라 저런형태가 될거다. 어떠신지? ㅋㅋ)

      원래 제안은 기획자가 구현은 개발자와 디자이너가 ㅋㅋㅋㅋ 저런 형태가 되면 굳이 썸네일 형태의 글들을 지나서(스크롤을 내려서) 하단의 새글이나 댓글 이슈를 볼 필요가 없어지지요. ^^

      이상 잉여로운 베짱이였습니다.

    • BlogIcon sword 2017.01.12 07:36 신고

      이미 보았습니다 ㅎㅎㅎ

      구현은 개발자가... 에서 터지네요 ㅋㅋ
      그래도 어느정도 시스템에 대해 알면 더 좋은 기획자가 될 수 있겠죠 ㅎㅎㅎ

    • BlogIcon 베짱이 2017.01.12 07:39 신고

      고도화기획서 3번째장에 대한 부연설명을 하자면 홈(집모양) 버튼은 클릭시에만 동작하는 거죠.

      다른 네비게이션 메뉴는 호버(마우스 커서를 올려놓으면)시에 펼침 메뉴로 보여지는거 ^^

      부연, 그래서 기획자가 개발자랑 디자이너랑 사이가 좋기가 어려워요. 기획자가 일하면 개발자랑 디자이너가 귀찮아 지거든요. ㅋㅋㅋㅋㅋ (대표님이 안갈구면 기획자도 놀수 있는데.. ^^)

      근데 롤랑존님이 이거 보실거 같지도 않고, 보신다해도 구현해주실 수 있을지도 확실치 않아요.

      - 이상 합리적인(이라 쓰고 진상이라 부르는) 소비자 베짱이였습니다.

  10. BlogIcon RootKR 2017.01.12 13:04 신고

    무료 사용하다가 CMS팩토리 유료스킨 구매해서 사용중인데 디자인도 이쁘고 피드백도 잘해줘서 좋네요.

    처음에는 약간 부담되지만 업데이트 및 피드백해주니까 전혀 비싼게 아니더라고요...

    • BlogIcon 베짱이 2017.01.12 13:09 신고

      오우... 좋은 정보 감사합니다.
      그런데.. 강좌에 더 눈길에 가네요.
      이참에 CSS랑 자바스크립트나 배워볼까싶기도 하네요. HTML5 개발자가 그렇게 수요가 좋다던데.. 퍼블리셔?? ㅋㅋㅋ
      서비스기획은 아주 허접하게는 되니까. 놀때 익혀볼까 싶기도 하네요. ㅋㅋㅋ
      콘텐츠기획쪽으로 동영상편집을 위해 베가스 프로도 배워보고 싶은데... 하고 싶은 것은 많은데.. 잉여스러움에 젖어만 있네요. ^^
      아무튼 좋은 정보 감사합니다.

      아웃스탠딩에서 읽은 칼럼을 인용하면
      직장인과 창업자의 리스크가 서로 같거나 역전되었다고 하네요.
      일을 하면 할 수록 적자(경제적인 혹은 정신적인/육체적인)인 경우가 발생하는 시대라고 하던데.... ^^ 잉여스러움이 좋기도 싫기도...

      베짱이처럼 살고 싶네요.

  11. BlogIcon pennpenn 2017.01.12 17:31 신고

    블로그를 잘 꾸미셨군요.
    목요일 저녁을 멋지게 보내세요.

  12. BlogIcon 광제 2017.01.13 05:37 신고

    스킨 바꾼다는거 쉬운일 아닌데..대단한 결심을 하셨네요..
    이젠 스킨 바꾸라면 머리아파서 못할거 같아요..ㅎㅎ

    • BlogIcon 베짱이 2017.01.13 05:46 신고

      지금 미치것어요. ㅋㅋㅋㅋ
      괜히 스킨 바꾼다고 건드린거 같아요.
      ㅠ..ㅠ 왜 사서 고생을 하는건지...

      카테고리와 태그는 건드리는 게 아니었는데... 지금 벌통을 건드린 느낌이에요.

      원래 사이트기획 같은거 할때도 정보구조(IA) 잡는게 머리 터지는건데. ㅋㅋㅋㅋ 아놔~~ (원상복구 시켜놓음)

      티스토리는 태그 일괄 수정 기능을 넣어라!!!!

  13. BlogIcon 레오나르토드 2017.01.13 07:59 신고

    전 솔직히 이 스킨이나 저 스킨이나 비슷한듯요~ 베짱이님 좋아하시는 스킨, 글구조가 있는듯요. 방문자 입장에서는 뭐 그게 좋아 찾는 거죠^^

    • BlogIcon 베짱이 2017.01.13 08:07 신고

      솔직히 베짱이 공간에 유입되는 트래픽을 구글 애널리틱스 등을 통해 분석한 지표값들을 보면 신규방문자가 90%에 재방문자가 10%인 상황입니다.

      짐작하건데, 신규방문자는 구글, 다음, 네이버 와 같은 검색엔진을 통해 유입되어 자신이 특정한 키워드 검색어를 보유한 글의 정보를 읽어보고 베짱이 공간에서 이탈하게 되는 형태를 보이는 데요.

      그런 관점에서 보면 확실히 스킨은 관리자의 자기만족과 재방문도 해주시고 꾸준히 댓글로 소통해주시는 분들을 위한 것이기도 해요. 그래서 고민인 것이죠. 왜냐면 익숙한것이 주는 편안함이라는 가치도 매우 중요하거든요. ^^

      일단 스킨 제작자께 이런 저런 요구사항을 이야기하였는데. 그런 피드백 등을 고려해서 결정해야할 거 같아요.

      소중한 의견 감사합니다. 파주는 좀 더 많이 추울 거 같네요. 오늘 부터 급격히 추워진다는데 따뜻하게 입고 따뜻한 하루 보내시길 바랍니다. ^^

    • BlogIcon 베짱이 2017.01.13 08:10 신고

      사용자경험(UX)가 이래서 어려워요. ㅋㅋㅋㅋ

  14. BlogIcon J_Moon 2017.01.13 12:12 신고

    신규 유입이 많은 블로그 특성상 이전에 사용하시던 블로그 UI가 한눈에 그 다음 게시물을 보기 편할 것 같긴 합니다만..
    정확한 분석 없이는 섣부르게 판단할 수 없는 것 같습니다.

    원래 대부분 블로그는 글 하나 보고 떠나는 경우가 대부분이라서 이탈률이 크게 상관 없고, 그래서 스킨 또한 자기 만족으로 사용하는게 좋다고 들었습니다.

    • BlogIcon 베짱이 2017.01.13 12:16 신고

      맞는 말씀이십니다. 자기만족 중요하죠. ㅋㅋ 그래서 스킨 제작자분께 불편한 UI에 대한 기능개선 요청을 해두었답니다. 본문에 스토리보드(SB)도 허접하게 나마 첨부해보기도 하였구요. 일단. 관리자 측면에서 이전보다 불편한 부분을 최소화시키거나 없애는게 맞다고 판단하였답니다. 비주얼의 효용가치는 그 이후의 문제라 생각합니다. 역시 문또또님께서 블로그 글도 그렇고 좋은 의견 주셨네요. 감사합니다. ^^

  15. BlogIcon YYYYURI 2017.01.13 17:07 신고

    저 잘 모르는데, 너무 알아듣기 쉽게 잘 설명해주셨어요. 스킨 좀 변경해봐야겠어요! 게을러지지말고!! ㅋㅋ

    • BlogIcon 베짱이 2017.01.13 17:09 신고

      생각하시는것 보다 이해력이 좋으세요. ^^ 허접하게 써도 이해력이 좋으셔서 그러신거에요 ^^ 오늘 날이 많이 춥네요. 따뜻한 하루 되세요

  16. BlogIcon 이청득심 2017.01.13 20:59 신고

    폰으로 봐서는 좀 와닿지 않네요^^
    PC로 보면 확실히 편리할것 같네요^^

  17. BlogIcon 쌍문동줌마 2017.01.14 00:23 신고

    ㅎㅎ
    전 컴이랑 많이 친하지 않아서 한번하면 잘 안바꾸는것 같아요ㅎ
    도전ㅎ

    • BlogIcon 베짱이 2017.01.14 05:25 신고

      저도 그런편이에요 ㅋㅋ
      바꿨다가 뭔가 틀어지는 경우가 많죠
      카테고리와 태그 값들을 분류하는
      노가다를 하고 있어요 ㅠㅠ

  18. BlogIcon IT세레스 2017.01.14 02:59 신고

    뭔가 좀 더 깔끔해보이네요.^^
    모바일 보단 PC 에서 큰 변화가 느껴집니다.^^

  19. BlogIcon 김치앤치즈 2017.01.18 02:34 신고

    우와, 베짱이님이 직접 만드신 스킨인가요?
    스킨이 정말 한눈에 확 들어옵니다.^^
    지금 pc에서 보는데 좋습니다.ㅎ