본문 바로가기
728x90
반응형

카테고리766

Yahoo! 검색바 디자인 미국 야후의 리디자인과 함께 검색바의 디자인에 대해서 잠시 궁금해졌습니다. 세계의 야후의 검색바의 디자인은 "똑같은 디자인"을 하고 있을까 라는 단순한 궁금증이었지만 결론부터 말하자면 (당연한 것으로 받아들일지도 모르겠지만) 틀리다입니다. 아래는 미국, 중국, 한국, 일본의 야후 검색창을 캡춰한 것입니다. 야후 미국 우선 야후의 태생이 미국인 만큼 가장 기본적이면서도 야후를 가장 잘 표현하는 디자인이 아닐까 합니다. 위의 2007년도 디자인과 비교해 보자면 탭의 표현이 좀더 세련되고 알기 쉽게 변경된점과 그라데이션의 적용도의 차이가 아닐까 합니다. 변함없이 워드휠(word wheel) 이 검색바의 하부에 자리잡고 있습니다. 야후 중국 중국의 검색바는 2년전(위:2007년도)과 확연히 차이가 있는것을 아실.. 2009. 9. 4.
Yahoo.com의 디자인변경과 관련해서 YAHOO!(이하 야후) 미국이 조만간 바뀌는 것은 모두들 알고 있으실려나? 아직은 원하는 화면으로 사용이 가능하게끔 되어있지만 조만간 확정되지 않을까합니다. 눈에 띄게 달라진 점이 있습니다. 결과물을 보면 알 수 있겠습니다만... 아이콘의 크기와 모양이 바뀌었고. 각 단의 사이즈에 변화가 있습니다. 이런것 보다도... 무엇보다 가장 눈에 띄었던 것은 메인 뉴스창 내에서의 사진의 크기가 크게 바뀌었다는 점이 아닐까 싶습니다. 기본적인 3단 구성에는 변함없지만 가장 많은 시선을 끄는 메인뉴스 부분의 구성요소인 4개의 주된 뉴스등 구성요소에는 변화가 없이 동일하면서도 레이아웃의 변화에 의해 그 인상이 크게 달라져 보이는 것을 알 수 있습니다. 사용되는 사진들의 비율을 와이드로 바꾸어준것도 큰 요인중에 하나는.. 2009. 9. 2.
일본 정권교체순간의 사이트들 **블로그 내용과 블로그 타이틀의 타당성에 대해서는 솔직히 정확한것인지는 모르겠습니다. 30일. 일본에서는 정권교체가 이루어졌습니다. 자민당이 아닌 민주당이 압승을 거두었는데요 고이즈미 총리의 퇴임이후 계속해서 내려가던 지지율은 결국 이런식으로 막을 내렸다고(개인적으로) 보고 있습니다. 개인적으로 정치에 관심이 있는 것도 아니지만 문득 이런한 정보를 웹에서 어떤식으로 보여주고 있을까 하는 생각에 사이트를 뒤져봤습니다. 선거가 모두 끝날때쯤 하여 관련 페이지를 제공하고 있는 사이트를 몇군데 찾아내어 스크랩을 해봤었습니다. 개인 자료정리겸 공부 차원에서 별거아닌 나름비교분석을 해봤습니다.(거창하게 비교분석이라고 말하기도 멋하지만...) 1. 색상 역시 어느사이트이건 정보를 위주로 제공하는 사이트의 배경색은 .. 2009. 8. 31.
지구상의 동식물 온라인데이타베이스 프로젝트 거대한 프로젝트가 또하나 시작되었었다. 현대판 노아의 방주는 아니지만...현존하는 지구상의 모든 동식물을 데이타베이스화 한다는 거대한 프로젝트가 진행중이다.(http://www.eol.org/) 미국의 사회생물학자（sociobiologist）E. O. Wilson씨가 발족한것으로 2007년도 E. O. Wilson씨가 TED（Technology Entertainment Design）상의 수상자로 그때의 꿈을 현실화 할 수 있는 기회를 제공받아 "지구상의 생물의 종을 온라인데이타베스"를 실행중인것. MacArthur Foundation 와 the Alfred P. Sloan Foundation로부터 1250만달러의 자금지원을 받아 Encyclopedia of Life를 설립, 꿈의 프로젝트가 시작된것. 말.. 2009. 8. 25.
존 마에다 - 단순함에 대한 고찰 몇달전에 읽은 책이지만.. 이 책 "단순함의 법칙"은 잘 쓰여진 책임에 틀림없다. 말그래도 단순하게 쓰여져 있기도 하고... 복잡함에서 시작된 단숨함에 대한 그의 사상이 알기 쉽게 잘 쓰여져 있다고 보니까 축소 조직 시간 학습 차이 문맥 감성 신뢰 실패 하나 이상의 10가지를 테마로 단순함에 대하여 기술한 책. 디자이너로서 이 책을 읽고 있는 나로선 뭔가 알것 같은 기분이기도 하다. 이 책과 관련이 있기보다는 그가 가지고 있는 "단순함"에 대한 여러 생각들을 설명해주고 있는 영상을 발견했다.(너무 늦게 알게 됐다는...실제로 이 사이트TED는 꽤 이전에 알게 됐었지만 실제로 내용을 보긴 이번이 처음이었다.) 한국어 자막은 자원봉사로 이루어진다고 하는데 영어 되시는 분들께서는 좋은 강연들을 꼭 번역해 주셨.. 2009. 8. 16.
UX디자인 커뮤니케이션 UX디자인 커뮤니케이션 : 성공적인 UX전략과 산출물을 위한 노하우 - 댄 브라운 지음, NHN UX Lab 옮김/위키북스 UX디자인 커뮤니케이션 : 성공적인 UX전략과 산출물을 위한 노하우 제목부터가 조금 딱딱한 느낌을 준다. 개인적으로 산출물이라는 단어가 주는 느낌이 좀 무겁게 느껴진다고 할까. 교과서란 늘 딱딱한 느낌을 준다. 그래서 공부하기가 싫다. 이 책은 딱 그런 느낌이 들게 만드는 서적이다. 학창시절 교과서가 전부 만화로 되어있다면 좀더 수월하고 재미있게 공부가 되지 않을까 하는 상상을 해보기도 했었던 것을 기억한다. 물론 그런때가 오면 또다른 이유로 이랬으면 좋겠다 저랬으면 좋겠다라는 상상을 했겠지? UX에는 정말 정도라는 것은없는것 같다. 세상이 일분일초 빠르게 변화하고 있는 것을 체감하.. 2009. 8. 14.
White Box를 본후 건축과 웹의 공통점을 생각해 봄 무엇이든 관심이 생기면 그 관심이 생긴것에 짜맞추게 되는것이 사람이라는 동물이 아닐까 싶다. (그런면에서 나는 확실히 그런류의 인간인듯.) 이 영상을 보면서 내맘대로 UX와 관련지어 느낀점. UX라고 하는 것은 말 그대로 궁극적으로 사용하기 편한 웹 서비스를 제공하는데 있다고 본다. 정보를 얼마나 빠르고 정확하게 보여주는가가 큰 관건인 만큼 기반을 얼마나 제대로 다져두느냐는 건축과 같은 맥락이 아닐까?건축역시 거주자가 생활하기 편하도록 삶의 일부를 설계하는 것이며 이는 앞서 말한 바와 같이 비슷한 점이 많이 있다고 생각하게 되었다.동선이나 입구의 위치등등 결정해야 할 상황도 많이 있고 검토해야 할 것도 수두룩하다. 실제로 건축계에서 웹쪽으로 전향한 사람들의 작품에선 그러한 느낌을 많이 받곤하는데(플래시,.. 2009. 8. 12.
영혼을 잃지 않는 디자이너 되기 영혼을 잃지 않는 디자이너 되기 - 아드리안 쇼네시 지음, 김형진.유진민 옮김/세미콜론 원제 : How To Be a Graphic Designer Without Losing Your Soul (2005) "Soul" 영혼. 뭔가 고귀하고 중압감을 느끼게 만든다. 디자인을 한다는 행위가 가지고 있는 의미와 디자인을 행하는 사람들 즉 디자이너들이 빠지기 쉽고 오해하기 쉬우며 알아두었으면 하는 것들을 저자는 다년간의 경험을 이 책으로 전해주고자 하고 있다. 디자이너들이 가질수 있는 "我執(아집)"이 무엇인지와 어떻게 대처해야 할지에 대해서도 가이드를 해준다. 그리고 모든일이 그렇듯이 예외라는 것이 있으며 그 예외에 해당하는 경우도 설명해주고있다. 지극히 현실적인 문제들을 다루고 있기에 느낄 수 있고 공감하게.. 2009. 8. 8.
온라인숍을 위한 10가지체크항목 무엇을 판매하고 있는 온라인숍인지 한눈에 알수있도록 하고있는가. 다른 곳과 차별화가 되는 상품이나 서비스를 캐치코피로 강조하고 있는가. 팔리는(강조할만한) 상품을 눈에 띄게 하고 있는가. 고객이 목적을 달성하기 위해선 어느페이지로 향해야 하는지 알기 쉽게 되어있는가. 상품이나 기업의 이미지등 웹디자인에 통일성이 결여돼어있지는 않는가. 결재방법이나 송료의 정보등이 쉽게 알수있게 표시되어있는가. 고객이 가지고 있는 문제를 해결하기 위한 정보를 제공하고 있는가. 고객에게 신뢰감과 안심감을 제공하고 있는가. 실제 매장에서 판매하고 있는듯한 자세를 취하고 있는가. 사이트이름이나 점포의 이름이 관리하고 있는 상품, 서비스명을 포함하고 있는가. 원문기사 : http://ascii.jp/elem/000/000/436/.. 2009. 8. 2.
실전UX디자인 실전 UX 디자인 - 로버트 후크만 주니어 지음, 고태호 옮김/에이콘출판 실전UX디자인 - 단지 한가지를 명심하면 된다. "사용자를 철저하게 위하라." 좋은 책은 접하기 쉽고 이해하기 쉽고 읽고나서도 기억에 남기 쉽게 구성되어야 한다고 생각하는데.. 딱 좋은 예의 책은 아닐까 싶다. 특히 어떠한 전문분야를 설명하는데 있어서 어려운 용어들의 남발은 혼란스럽게 만들고 애매하게 만들기 쉽상이며 책을 멀리하게 만들기 쉽다. 이책은 그러한 내용들을 충족시켜주고 있다. 어려운 분야임에 틀림없는 UX에 관해서 너무나 알기 쉽게 설명하고 있으며 UX그 자체도 절대로 어려운것이 아닌 너무 쉬운것이라고 지적하고 있다. 굳이 31가지까지 나열할 필요도 없이 단 한가지 "사용자를 고려하라"는 단 하나의 明題를 해결하기 위해선.. 2009. 8. 2.
좋아보이는 웹사이트를 만드는 디자인원칙(Beautiful Web Design) Beautiful Web Design : 좋아 보이는 웹사이트를 만드는 디자인 원칙 제이슨 비어드 지음, 이광우 옮김/인사이트 한마디로 읽고난 소감을 말하자면..."굿!" 디자인을 하는데 있어서 중요한 것은 무엇일까? 멋지게 보여야 하는데... 사용하기 편해야 하는데... 인상에 남기는 뭔가를 곁들여야 할텐데... 등등 여러가지가 있겠지? 하지만...무엇보다도 중요한 것은. "Beautiful Web Design - 좋아보이는 웹사이트를 만드는 디자인원칙" 책 제목처럼 "원칙"이다. 그리고 " 원칙"을 지키면 Beautiful하게 사이트가 완성되며 의뢰주역시 만족해 한다. 이책의 내용은 웹 사이트를 아름답게 보이게 하기 위해선 어떠한 과정을 거쳐야 할지 조목조목 집어주기에 더욱 알기 쉽다. 가끔씩... .. 2009. 7. 30.
Book : Stick 책을 읽고 난 소감은 그래!이거야!라고 하긴 그렇고...음. 그렇군 정도? 기억에 남는 스티커 메시지를 만들기 위해서 필요한 원칙은 이하와 같다고 한다. 원칙 1 단순성(Simplicity) 원칙 2 의외성(Unexpectedness) 원칙 3 구체성(Concreteness) 원칙 4 신뢰성(Credibility) 원칙 5 감성(Emotion) 원칙 6 스토리(Story) 즉 SUCCESs라는 그럴듯한 단어로 설명되어진다. 직업이 디자인이라는 분야라서 받아드리기에도 디자인에서 사용가능한 측면으로 해석하는 경향이 있기때문이지만(어쩌면 이 책은 광고쟁이들을 위한 전문서일지도)...각장에서 다루고 있는 단순성, 의외성, 구체성, 신뢰성, 감성, 스토리는 광고라는 매체에서 자주 사용되는 방법이다. 방법이라고 해.. 2009. 7. 16.
SEO와text-indent 구글에서는 숨겨진 텍스트 및 링크에 대해서 다음과 같이 가이드를 하고 있다. 콘텐츠에서 텍스트 또는 링크를 숨기면 방문자에게 제공되는 정보와 검색 엔진에 제공되는 정보가 달라지므로 신뢰할 수 없는 사이트로 간주될 수 있습니다. 여분의 키워드와 같은 텍스트를 다음과 같이 여러 방법으로 숨길 수 있습니다. 흰색 배경에 흰색 텍스트 사용 이미지 뒤에 텍스트 포함 CSS를 사용하여 텍스트 숨김 글꼴 크기를 0으로 설정 숨겨진 링크란 사이트 방문자의 눈에는 보이지 않고 Google 검색 로봇이 크롤링하도록 다음과 같은 방법으로 만들어진 링크를 말합니다. 링크가 숨겨진 텍스트로 구성됨(예: 텍스트 색상과 배경 색상이 동일) CSS를 사용하여 높이가 1픽셀에 불과한 매우 작은 하이퍼링크 생성 단락 중간에 사용된 하이.. 2009. 7. 11.
사용자 경험을 토대로한 사전기능 방금전에 안 것이지만... 지금까지 모르고 있었던 것을 "야후"와 "네이버" 그리고 "다음"의 사전기능에서 UX에 관해서 또 한가지의 배움을 얻었다. 오늘 배운것은 툴팁의 활용에 관해서이다. 본인의 잡식성블로그에 투고하기 위해 블로그를 하던중 "주마등"의 한자가 떠오르지 않아 검색하면서 알게된 기능이다. 지금까지 전혀 느끼지 못하고 있었던 것인 만큼 새로웠다. 다음을 보도록 하자. 처음에는 야후의 국어사전에서 "주마등"을 검색해봤다. 별다를 것 없이 사전으로서 필요한 기능인 단어의 내용과 한자어의 경우 한자를 같이 보여준다. 사전이 다 이렇지 뭐... 두번째로는 "다음"과 "네이버"의 국어사전을 보겠다. 틀리다. 야후보다 친절한것을 바로 알 수 있다. "다음"보다 "네이버"가 관련단어의 의미를 조금더 보.. 2009. 7. 11.
HTML요소중 SEO관련된 몇가지 일어원문(2009/7/6) 기사에의 링크 Title태그 Title태그는 변함없이 매우 중요한 요인이며, 키워드는 가능하다면 앞에 위치시키는 것이 좋다고 합니다. anchor텍스트 anchor텍스트도 변함없이 중요하며, 외부링크이건 내부링크이건 상관없이 키워드를 포함한 anchor텍스트를 사용하길 권한답니다. 도메인의 분산 피링크의 평가에 있어서 고려되는것은, 링크 그 자체의 수가 아닌 링크의 원래의 도메인수라고 합니다. 링크의 원래도메인이 분산되어 있다면, 링크수가 적더라도 상위에 표시될 영향력이 커진다고 하내요... 소셜메디아 twitter나My Space, facebook등 대표적인 소셜메디아 사이트가 어느정도나 영향을 끼치는지는 아직 확실하게 나타나있지 않다고 합니다. 단지, 최신의 정보를 상위에 .. 2009. 7. 9.
SEO에 도움이 되는 5대명언집 일어원문(2009/6/24) 기사에의 링크 영문기사에의 링크 SEO에 도움이 되는 5대 명언집 ~ SMX Advanced 2009에서 발췌 re="nofollow"링크의 취급법 각 검색엔진의 대표가 nofollow속성에 근접해 있는 링크를 어떤식으로 취급하고 있는가에 대해서. 구글 : 새로운 페이지의 발견에 사용되는 일은 없으며, 존재하지 않는것처럼 취급한다. 하지만, 사용했다고 해서 경고의 대상이 되지는 않는다. 야후 : 새로운 페이지의 발견에 사용된다. 하지만, 신용도나 권위있는 페이지에 영향을 미치지는 않는다. 마이크로소프트 : 새로운 페이지의 발견에는 사용되지 않는다.(Bing이 아닌 Live Search에 한해서) PageRank의 대상 Matt Cutts씨가 Q&A세션중에 다음과 같이 발언했습.. 2009. 7. 7.
Book : 다윈의 식탁 재밌게 읽은 책이다. "진화론"이라는 조금 과장해서 듣기만 해도 머리가 아프고 무슨애기를 하는지 도통 알수가 없는 내용들이었다.하지만, 이책을 읽으면서 조금씩 흥미를 느끼게 되었다. 다윈이후의 학자들이 펼치는 논재들은 시간가는줄 모르고 읽게끔 만드는 흥미로운 이야기들이었다. 문제는 아무런 배경지식도 없이 이책을 읽다보니 조금 난해하고 이해가 쉽지 않은 내용들이 많았다는 점이다. 하지만, 글의 배경이나 문체나 실제로 있었던 내용을 옮겨 놓은 듯한 착각을 일으키게 할 정도로 깨끗하게 잘 표현된 구성과 글 솜씨는 읽는 재미를 느끼게 만들어 주었다.가장 흥미가 있었던 부분은 "종교"에 관한 부분이었다.개인적으로는 "창조설"보다는 "진화설"이 타당하다고 믿고 있다."인간은 처음부터 지금과 같은 인간의 형태로 만들.. 2009. 7. 3.
LPO(Landing Page Optimization) LPO(Landing Page Optimization)라는 것이 있다는 것은 누구나 알겠지만...기록용으로. 웹페이지에 유저가 도착하여 최초로 보게 되는 페이지인 랜딩페이지(Landing Page) 를 최적화하여 유저를 해당 페이지에 향하게 하는 것. LPO는 특히 검색엔진을 경유해서 방문하는 유저를 검색목적과 가장 부합하는 정보를 볼 수 있도록 하기위해 이용된다. 검색엔진을 경유해서 해당 페이지에 도착한 유저는 이 페이지가 과연 내가 찾던 정보일까에 대한 검증을 하게 된다. 그리고 자신이 원하던 정보가 아니라고 판단되면 가차없이 떠나버린다. 여기서 다른 페이지를 돌아보는 유저보다는 바로 나가서 다른 사이트를 찾아보는 경우가 더 많지는 않을까? 해당 사이트에는 분명히 존재하는 정보임에도 불구하고 잘못된 .. 2009. 6. 28.
Animation : CASSHERN Sins 전체 24화의 케산 Sins를 봤다.음...어렸을적에 봤던 케산과 너무나 다른 스토리에 잠시 당혹감을 느끼기도 했었다.로봇 군단에 대항하기 위하여 스스로를 사이보그로 만들었던 원조 케산과 달리 브라이킹보스가 루나를 없애기 위해서 암살용으로 만든 3기중 한대가 케산이라는 설정 자체가 선뜻 다가오질 않았었다.루나는 케산을 사랑하는 여인이 아닌 절대자의 위치에서 세상을 관망하는 신으로 나오며 브라이킹보스는 스스로를 위협한다고 느꼈던 루나를 죽임으로서 자신의 왕국까지도 잃어버리고 자신이 루나를 없애기 위해서 만들어낸 케산에 의해서 자신도 최후를 맞이하고 만다.케산은 루나를 암살후 모든 기억을 잊고 세상을 떠도는 처지이며 세상에서 유일하게 스스로 재생하는 능력을 가지게 된다. (그래서 케산을 잡아먹고 싶어한다. .. 2009. 6. 20.
SEO관련 여러가지 정리 SEO에 커다란 공헌을 하는 이미지 긴설명문보다 한번에 알수 있는 이미지 프로세스를 도식화한 플로우 차트 전략의 아웃라인 SEO로 유명, 저명인사들의 사진을 삽입 그래픽(권위있어 보이는 복잡한 그래픽이지만, 실제로는 아무도 그 의미를 알지 못하는 그래픽) 자신의 심볼마크와 이미지 섹시한 여성사진 근육질맨 글쓰기가 귀찮다면 YouTube의 비디오를 이용 이미지 검색SEO를 위한 TIPS. alt속성에 설명적인 텍스트를 입력 Picasa, Wikipedia, Flickr와 같은 신뢰성이 있는 장소에 이미지를 보존하고 가능하다면 그곳에서 운영중인 사이트로 링크하기 이미지의 주변에 문맥파악이 가능한 단어나 설명문 텍스트를 배치하여 사진이나 키워드를 포함한 태그를 추가 운영중인 사이트내에서 다른 페이지로의 링크를.. 2009. 6. 18.
Book : 디테일의 힘 모든일은 디테일에서 시작해서 디테일로 끝난다.디테일의 힘을 읽고느낀점은... 언제나 디테일에 주의 하자라는 점이다.책의 내용과는 연관이 없지만... 나 스스로 꽤나 꼼꼼한 성격이라고 생각했었는데 이곳 일본에선 나의 꼼꼼함은 꼼꼼함이 아니었다. 이들은 정말 작은것 하나에도 신경을 쓰고 있었다. 놀랄 정도로. 덕분에 배우는 것도 많은 반면 스트레스도 꽤나 받고 있다는...누구나가 알고 있다. 디테일이 중요하다는 것을. 하지만 그 누구나가 알고 있는 디테일을 제대로 실행하고 있는 사람은 과연 어느정도나 될까. 나에게 부족한 1%에 대하여 다시금 생각해 보게끔 해준 책이었다.관점의 차이는 있을 수 있겠지만..."크게 보고 크게 생각해야 한다" 와 "디테일한 작은 부분에 신경을 써야 한다"는 어느쪽이 중요하다가 .. 2009. 6. 11.
728x90
반응형

티스토리툴바