인기 웹사이트 디자인, 10년의 변화와 진화

분류: Design News/Design Trend 작성일: 2009.08.24 14:30 Editor: 마루[maru]

글로벌 인기 사이트들이 디지털과 인터넷 기술의 발달로 지난 10년 동안 디자인과 기능적 요소 측면에서 얼마나 많은 변화를 가져 왔을 지 한번쯤 비교해보는 것은 인터넷 사용자의 기대 요구와 시대적인 트렌드를 두루 살펴 볼 수 있는 좋은 사례가 될 것입니다.

지금으로 부터 10년전인 1990년대는 그야말로 전세계적으로 인터넷 열풍이 불었고, 기업은 앞 다투어 사이트을 개설하고 좋은 도메인 확보를 위해 많은 노력을 기울이기 했습니다. 연이어 개인들도 자신의 포트폴리오 구축이나 브랜딩을 위해 개인 홈페이지 구축이 하나의 신드롬처럼 퍼져 나가기도 했습니다.

사이트 구축 초기에는 인터넷 기술 측면에 역점을 맞추다보니 디자인에는 그다지 많은 배려를 하진 못했고 또한 디자인 요소를 접목시켜도 무리가 없을 만큼 인터넷 속도나 환경도 여유롭지 못했던 게 사실입니다.

하지만 2000년대 후반으로 오면서 인터넷 속도와 디지털 기술이 급속도로 발전하면서 기능적인 요소 못지않게 디자인 요소도 보다 인터랙티브하고 다이나믹한 형태를 취하게 됩니다. 그 이후단계인 오늘날에는 사용자의 경험(UX: User Experience)을 반영한 UI와 네비게이트를 디자인에 접목시켜 보다 쉽고 활용도가 높은 모습을 갖추고 있습니다.

앞으로 다가오는 미래에는 보다 더 지능적이고 개인화에 최적화된 디자인이 중심에 서게 될 것이고 단방향이 아닌 상호 밀접한 커뮤니케이션 환경을 갖추게 될 것이라고 전문가들은 전망하고 있지만 무한한 가능성을 가지고 있기에 섣불리 단정하는 것은 이르지 않나 싶습니다.

지난 10년. 글로벌 인기 사이트 및 검색 사이트의 디자인이 어떤 모습으로 변화와 진화를 해 왔는지 아래에 보여지는 메인 페이지의 비교를 통해서 한번 느껴 보고 여러분의 생각을 공유해 보시길 바랍니다.

1. Adobe (adobe.com)

Adobe

Adobe / 1998(좌), 2009(우)

2. Altavista (altavista.com)

Altavista

Altavista / 1999(좌), 2009(우)

3. Amazon (amazon.com)

Amazon

Amazon / 1999(좌), 2009(우)

4. Apple(apple.com)

Apple

Apple / 1999(좌), 2009(우)


5. Google (google.com)

google

Google / 1998(좌), 2009(우)

6. Hotmail (hotmail.com)

Hotmail

Hotmail / 1999(좌), 2009(우)

7. Microsoft (microsoft.com)

Microsoft

Microsoft / 1999(좌), 2009(우)

8. MSN (msn.com)

msn

msn / 1999(좌), 2009(우)

9. SONY (sony.com)

SONY

SONY / 1997좌), 2009(우)

10. Yahoo (yahoo.com)

Yahoo

Yahoo / 1998(좌), 2009(우)

※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. Favicon of http://poem23.com BlogIcon 학주니 2009.08.24 15:15 신고  댓글주소  수정/삭제  댓글 남기기

    10년이면 강산이 변하는데..
    많은 변화가 있군요 ^^;

  2. Favicon of http://s2news.com BlogIcon S2day 2009.08.24 16:09 신고  댓글주소  수정/삭제  댓글 남기기

    구글은 거의 변화없이 항상 심플한 메인 페이지를 보여주고 있네요.
    역시 검색엔진에 충실하고 있다는 느낌이 많이 듭니다

  3. 아우렐리우스 2009.08.24 16:42 신고  댓글주소  수정/삭제  댓글 남기기

    구글.애플.아마존은 초기화면에 엄청난 변화가 있었다고는 보이지않습니다. 부정적인 의미가 아니라, 초기 웹사이트를 만들 때부터 고객에게 보여주고싶은 가치를 잘 정리했었고, 이걸 최근까지도 잘 지켜 나가면서 발전시켜왔단 생각이 듭니다.

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.08.29 12:48 신고  댓글주소  수정/삭제

      제대로 보신 것 같습니다.
      큰 변화라고 볼 순 없습니다. 좀 더 세련되고 고객의 니즈에 맞추며 진화된 경우라고 보는 게 맞을 것 같습니다.

  4. Favicon of Http://moonkyungho.tistory.com BlogIcon 카기 2009.08.24 16:53 신고  댓글주소  수정/삭제  댓글 남기기

    더더욱 심풀하 변한 사이트와 더 화려해진 사이트가 구분이 확가네요 ^^

  5. Favicon of http://366days.tistory.com BlogIcon joker 2009.08.24 16:53 신고  댓글주소  수정/삭제  댓글 남기기

    msn은 예나 지금이나 메인화면에 글이 엄청많네요..

  6. Favicon of http://xenerdo.com BlogIcon 제너두 2009.08.24 17:30 신고  댓글주소  수정/삭제  댓글 남기기

    애플의 비주얼이 단연 눈에 띄네요^^;;

  7. 아람 2009.08.24 18:03 신고  댓글주소  수정/삭제  댓글 남기기

    저도 아우렐리우스님 의견에 동의합니다. 정말 대단한 회사들입니다.

  8. Favicon of http://eloiz.textcube.com BlogIcon 아이프리드 2009.08.24 22:44 신고  댓글주소  수정/삭제  댓글 남기기

    하하하하 야후...정말 예전에 줄기차게 들어갔던 화면이군요;; 요즘은 들어갈일이 없어서..

  9. pea 2009.08.24 23:21 신고  댓글주소  수정/삭제  댓글 남기기

    알타비스타 정말 오랜만에 들어보는 이름이네요.
    요즘도 장사 하는구나 -0-

  10. Favicon of http://www.unny.com BlogIcon montreal flower delivery 2009.08.25 04:04 신고  댓글주소  수정/삭제  댓글 남기기

    심플하면서 세련되어 지는군여

  11. Favicon of http://yesbedesign.com BlogIcon 예스비™ 2009.08.25 19:43 신고  댓글주소  수정/삭제  댓글 남기기

    이렇게 한눈에 살펴보니 정말 놀라운데요.
    요즘 추세가 이미지맵쪽으로 많이 변하는 군요.
    이제 잠수 풀고~ 답방차 들렸습니다.
    29일 특강때 뵈어요~^^&

  12. Favicon of http://www.bloglgt.com BlogIcon 도로시♪ 2009.08.26 09:42 신고  댓글주소  수정/삭제  댓글 남기기

    인기 웹사이트 디자인을 한데 모아서 보니 많은 변화가 있었네요.
    UI도 한결 심플해지고, 산뜻해진 느낌입니다~^^
    앞으로 10년 후에는 또 어떻게 바뀔지 궁금하네요.

  13. Favicon of http://momburim.net/ BlogIcon 몸부림 2009.08.30 16:37 신고  댓글주소  수정/삭제  댓글 남기기

    특별히 확~ 바뀐건 별로 못느끼겠네요.
    마루님 블로그도 변화가 있을까요?ㅎㅎ

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.08.30 17:37 신고  댓글주소  수정/삭제

      ㅎㅎㅎ, 제 블로그도 적지 않은 변화가 있었습니다. 한 네번 정도는 변경이 된 것 같습니다. 변경되었던 스킨들을 정리해봐도 재밌는 스토리가 나오겠는 걸요.
      몸부림님 주말 잘 보내고 계시죠?

  14. 행복 2009.09.02 18:02 신고  댓글주소  수정/삭제  댓글 남기기

    좌우로 비교해주시니 바뀐점이 눈에 확~ 들어오네요. 감사합니다.
    요즘은 확실히 가로 카테고리 + 투 컬러 분할이 대세인거 같네요.
    폰트나 로고도 예전에 비해 많이 세련되어졌군요..
    세련되어졌다는 것의 기준도 지금(현재) 봐서 그런것일지 모르지만 말이죠 ㅎㅎ

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.09.03 22:54 신고  댓글주소  수정/삭제

      조금은 큰 이미지를 보여 드리면 좋을 것 같았는데 그러면 너무 길어질 것 같아 분위기만 식별하고 참고가 되도록 비교 배열을 했습니다.
      아무래도 시간이 흐름에 따라 기술이 발전하고 디자인 트렌드도 바뀌니 많이 세련되지는 것 같습니다.

  15. Favicon of http://www.foofight.net BlogIcon 곰효희 2009.09.05 00:13 신고  댓글주소  수정/삭제  댓글 남기기

    블로그 10주년 맞이하시면 10주년 기념으로 디자인로그의 변화와 진화편도 보여주세요 :-)

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.09.05 02:02 신고  댓글주소  수정/삭제

      올해 년말이나 블로그 결산 포스팅 할 때 한번 기획을 해보는 것도 좋을 것 같습니다.
      그동안 얼마나 많은 변화와 성장을 했는지 살펴 보면서 부족한 부분을 채워나갈 수 있는 계기를 마련할 수 있을테니까요.^^
      좋은 아이템을 알려 주셔서 감사드립니다.

  16. Favicon of http://www.m-sign.co.kr BlogIcon 모티브 2009.09.15 19:05 신고  댓글주소  수정/삭제  댓글 남기기

    시간이 지날수록 심플함과 간결함이 느껴지네요...
    대세군요...비움 속 채움..
    좀 아리송한 댓글인가? ㅋㅋ..여튼 비교 멋집니다..

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.09.21 21:46 신고  댓글주소  수정/삭제

      다음 세대에는 또 어떤 모습으로 변화를 하게 될지는 모르겠지만 과거에 비해 요소 요소 적지 않은 변화는 엿볼 수 있는 것 같습니다.

  17. Favicon of http://blog.naver.com/nimai BlogIcon 비범한 츈 2009.09.20 15:44 신고  댓글주소  수정/삭제  댓글 남기기

    구글은 한결같네요..ㅋㅋ