kimdirector

UX/UI 디자인의 "바나나 규칙"은 웹사이트나 어플리케이션을 쉽게 이해하고 사용할 수 있도록 하는 간단하면서도 강력한 원칙입니다. 이 규칙의 기본 개념은 바나나의 모양이 식품임을 명확하게 나타내는 것처럼 사용자가 웹사이트나 어플리케이션의 목적을 한 눈에 이해할 수 있어야 한다는 것입니다. 이 개념은 제품이 어떻게 사용될 수 있는지에 대해 제공하는 시각적 단서를 의미하는 디자인의 "어포던스(1)(affordances)" 개념과 밀접하게 관련되어 있습니다. UX/UI 디자인에서 바나나 규칙은 웹사이트나 어플리케이션의 홈페이지 레이아웃과 디자인에 적용되는 경우가 많습니다. 이 페이지는 사용자가 제품과 접촉하는 첫 번째 지점인 경우가 많으므로 제품의 목적과 기능을 명확하게 전달하는 것이 중요합니다. 바나나 규..

커뮤니케이션, 브랜드 포지셔닝, 솔루션, 아이덴티티... 기업이나 브랜드의 e-비즈니스 파트너로서의 웹사이트의 역할은 무엇일까? 오프라인과 온라인의 브랜드 아이덴티티를 어떻게 잘 융합하여 커뮤니케이션 할 것인가? 브랜드 아이덴티티는 결국 사용자에게 시각적 경험 (Visual Experience)을 제공해주는 것이다. 이러한 과정을 브랜드이미지 포지셔닝(Brand Image Positioning) 이라고 한다. “Brand Image (Branding)”란 고객 혹은 소비자(Customer)에게 형성되는 회사(Company), 제품(Products) 그리고 서비스(Service)에 대한 연상(association) 및 상호(interaction) 작용을 의미하며, 고객의 Brand에 대한 충성도 향상과 자..

인터넷시장은 아주 빠르게 형성되고 소멸하는 특성이 있다. 이러한 특성은사용자 마음의 변화, 즉 사이트에 대한 기호가 쉽게 바뀌기 때문이다. 이것은 사용자가 특정한 목표에 따른 사이트 선별에 있어 매우 다양한 사이트를 검색해야 하는 어려움이 있기에 사용자의 부담감이 최소화된 방향으로 컨텐츠를 개발 해야 함을 말하는 것이다. 초반기의 사이트는 화려한 시각적 효과로서 강한 인상으로 어필하여 다시금 사이트를 찾게 했지만, 보다 빠른 시간에 최적의 정보를 찾아야 하는 시점에서는 우선적으로 빨리 뜨고 내용을 쉽게 찾을 수 있는 사이트가 선택되어 진다. 이러한 사용자의 기호에 부합되면서 성장해온 사이트들은 사용자의 눈 높이를 생각하면서 조금씩 사이트를 변모시킴으로써 지속적으로 고정 사용자를 유치할 수 있는 것을 쉽게..

e비즈니스에 대한 기업의 관심은 어느 때보다 높다. 이 와 함께 e비즈니스를 가능하게 하는 사이트의 구성은 더욱더 중요해질 수밖에 없다. 이제는 인터넷 사이트조차도 단순한 도메인에서 브랜드로 인식되면서, 브랜드 아이덴티티를 구축하는 문제는 특히 기업의 생존차원에서 주목받게 되었다. 현재 많은 인터넷기업에서는 소비자에게 분산된 이미지를 전달하기 보다는 통일된 아이덴티티를 통해 고객의 방문을 유도하고 지속적인 경쟁력을 창출하려는 노력이 계속되고 있다. 우리는 종종 브랜드 아이덴티티나 웹 아이덴티티라는 용어를 쓰고 있지만 상당히 잘못 인식하고 있다. 실제로 많은 사람들이 브랜드 아이덴티티나 웹 아이덴티티를 단순히 "사이트를 디자인하는 일"로 국한시켜 생각하는 경우가 많다. 하지만 브랜드 아이덴티티에 기반한 웹..

세계의 Top 10 뉴미디어 디자인 회사가 공개하는 “잘. 나. 가. 는.” 사이트 만들기 비법 100가지 레이아웃 단도직입적으로 말해 레이아웃은 웹사이트 디자인의 핵심이다. 레이아웃은 사용자의 지각 대상으로서 웹사이트의 외관과 느낌을 결정하기 때문이다. 하지만 사이트의 레이아웃을 정한다는 것은 스케치를 하거나 제작 도구에서 버튼이나 그래픽 등을 끌어다 놓는 것 정도로 끝나는 일이 아니다. 레이아웃은 기획과 팀워크, 창의력을 필요로 하는 창조적인 작업 과정인 것이다. 뉴 미디어 대행사인 레이저피시의 런던 지사에 근무하는 수석 디자이너 리처드 월렛(Richard Wallett)이 효율적인 사이트 레이아웃을 위해 다음 열 가지 팁을 내놓았다. 1. 요점을 명확히 정리한 간단한 문서를 만든다. 자신이 이해할 ..

웹 서핑을 하다 보면 우연히 훌륭하고 멋진 웹 사이트를 발견하고 자기도 모르게 빠져들게 되는 경험을 다들 해보셨으리라 생각한다. 반대로 정말 너무하다 싶을 정도로 자기중심적이며 사용자의 편의성 따윈 전혀 고려하지 않고 제작된 사이트도 종종 접하셨으리라 예상된다. 그런 사이트들은 사이트의 구축 목적도 잊고 오로지 웹 디자이너 혹은 개발자가 웹 상에서 할 수 있는 대단한 기술 혹은 기법들에 대한 자기과시를 표현하는 경우라고 볼 수 밖에 없다. 이런 사이트들은 사용자들과 구축한 개발자들에게까지 아무런 도움을 줄 수가 없다. 요즘 우리는 굉장히 많은 정보와 디자인을 웹 상에서 접할 수 있다. 너무도 다양하고 방대한 양의 컨텐트와 디자인을 제공하고 있는 수많은 사이트들을 어떻게 읽고, 보고, 판단하며 평가할 수 ..

"감성은 개인적이지만 이해는 일반적이다.“라는 말이 있다. 이 말을 컬러 디자인에 빗대어 풀어 보자면 색을 사용하는 방식은 개인적이지만 색이 사람에게 미치는 영향은 객관적으로 이해할 수 있다는 뜻이 된다. 색을 효과적으로 사용하기 위해서는 색상이 주는 보편적인 이미지와 상징성 등, 색에 대한 일반인의 객관적인 의견을 참고할 필요가 있다는 말이다. 색은 매우 중요한 정보전달 수단이며, 사람의 심리에도 영향을 미친다. 심리학에서는 선호하는 색상에 따라서 심리상태를 진단하기도 하며, 심리치료를 위해서 색상을 활용하기도 한다. 웹사이트에서도 마찬가지다. 그렇기 때문에 색에 대해서 잘 이해하지 못하거나 색이 갖는 영향력을 제대로 사용하지 못한다면 오히려 사이트에 악영향을 끼칠 수도 있다. 조사에 의하면 사용자가 ..

오늘은 웹사이트에서 감성적 요소를 따져보자. 과연 당신이 만드는 웹사이트에서는 얼마나 감성적인 요소가 고려되고 있는가? 최상위 웹사이트에서는 감성적인 서비스가 웹사이트의 질적 수준을 조금씩 높여주는데 기여하고 있다. 웹사이트에서 감성적 접근은 오프라인에서 익숙한 정서나 행동을 반영하는 것에서 출발한다. 온라인 공간이 냉정하고 차가운 공간인 것 같지만, 그 속에서 따뜻하고 인간적인 면을 부각시키고 감성적인 측면을 반영함으로써 사용자들에게 친숙함으로 다가갈 수 있다. 상위 웹사이트에서는 기능적 측면에서도 사용자들에게 만족도가 높고, 아울러 감성적 측면에 대해서도 사용자들에게 친숙하게 다가갈 수 있도록 세부적 기능과 서비스, 레이블링과 화면디자인 등에서 고려하고 있다고 할 수 있다. 어쩌면 인간적이고 감성적인..

오늘은 개인 웹사이트 기획에서 고려되어야할 전략을 살펴보고자 한다. 개인 웹사이트는 활용성에서 가장 넓은 스펙트럼을 가질 수 있기도 하며, 누구나 쉽게 접근할 수 있는 정보공간이기도 하다. 그러면서 전략적이지 못한채 감정적이거나 주관적으로 접근하기 쉬운 대상이기도 하다. 누구나 쉽게 자신의 개인 웹사이트를 만들지만, 대부분이 관리되지 않고 방치되는 경우도 많고, 또 대부분은 지극히 자신의 개인적 관심사로만 구성되어 있어 자신이나 개인적 친분을 가진 지인을 제외한 일반 네티즌들로부터는 전혀 관심을 받지 못하는 웹사이트가 되고 만다. 그리고 또다른 상당수는 어디서인지 긁어다놓은 정보로만 치장된 링크위주의 사이트이거나 디지털 저작권에는 개의치않고 마구잡이로 콘텐츠를 붙여다놓기 십상이다. 과연 개인 웹사이트를 ..

기획단계에서 고려해야 할 웹사이트 설계 설계단계는 기획단계에서 설정된 웹사이트의 기본 방향과 이미지를 반영하여 웹사이트의 구체적인 모습을 디자인하고 웹사이트에서 제공하고자 하는 컨텐츠를 마련하는 단계라고 할 수 있다. 이 단계는 기획단계에서 설정한 방향이 실질적으로 웹사이트를 코딩하고 테스트할 때 충분히 반영되도록 하는 다리 역할을 수행한다. 이 단계에서 수행되어야 할 일들을 보면 다음과 같은 것들이 있다. - 웹사이트 구조 정의 - 네비게이션 체계 설계 - 컨텐츠 제공 방식 정의 - 구현을 위한 사용기술 정의 - 백엔드 시스템의 기술 구조 정의 - 백엔드 시스템 기능 정의 - 데이터베이스 설계 - 주요 페이지 시안 작성 - 컨텐츠 작성 설계단계에서 특히 중점을 두어야 할 사항은 웹사이트의 구조와 네비게..

가능한 한 많은 고객과 얘기한 후 웹사이트 구축에 들어가라 웹사이트를 통한 정보와 서비스가 고객을 얼마나 만족시키는가에 따라 당신의 비즈니스 성패가 판가름 난다. 이를 위해서는 웹사이트에서 고객이 원하는 것을 제공하는 것인데, 고객이 원하는 정보와 서비스를 알아내는 가장 좋은 방법은 고객에게 바로 묻는 것이다. 언제나 고객에게 묻고 또 물어라. 정보기술자에게 웹사이트 구축을 일임하지 마라 웹사이트는 단지 정보시스템이 아니라 또 하나의 기업이나 전략적 사업 단위이다. 따라서 마케팅 및 판매 전문가의 참여가 절대적으로 필요한 것이다. 그리고 각각의 웹 페이지는 텍스트와 그래픽을 필요로 한다. 디자이너, 편집 전문가가 필요하다. 마케팅 및 판매 전문가, 디자이너, 편집 전문가, 정보기술자가 공동으로 참여하는 ..

1. 빠른 로딩 홈페이지가 빨리 뜨지 않으면, 방문객은 참을성을 잃고 떠나가 버린다. 초시계를 꺼내 놓고 시간을 재 보아라. 지금 모니터를 10초 동안 응시해 보라. 긴 것 같지 않은가? 웹 서퍼들은 굉장히 참을성이 없다. 10초 안에 홈페이지를 보지 못하면 아주 간단히 떠나고 만다. 2. 개성 사이트에는 확실히 제공하는 것이 있어야 한다. 방문객들에게 이 사이트에서 제공하는 것이 무엇이냐고 물어봐서 즉시 대답하지 못한다면, 모든 사람은 떠나고 만다. 우리는 사이트에 들어와서 몇 초 후에 떠나버린다. 그 이유는 해당 사이트의 주제를 모르기 때문이다. 여러분 사이트를 방문하는 방문객도 다르지 않다. 분명히 해두어야 할 것은 여러분의 사이트는 분명하고 독특한 개성이 있어야 하고 그 개성은 페이지 제목이나 머..

가치 있는 디자인 원리 TIMELESS Web Design 웹 기술은 하루가 다르게 발전하고 웹 디자인 역시 최신 트렌드에 따라 변하는 현실. 이 책의 가장 큰 장점은 시대에 구애 받지 않는 원칙을 제시하고 있다는 점입니다. 사용자의 심리에 바탕을 두고 시대를 초월하는 그래픽 디자인 원칙을 지킨다면 커뮤니케이션에 충실한 디자인을 만들 수 있습니다. 단순히 ‘좋은’ 디자인은 매력적인 디자인에 그치지만, ‘위대한’ 디자인은 합리적인 솔루션을 만듭니다. 1. 인간은 사회적 동물이다. 2. 대부분의 의사결정은 무의식적으로 이루어진다. 3. 사람들은 웹사이트를 신뢰할지 말지 순식간에 결정한다. 4. 사람들은 쉽게 산만해진다. 5. 사람들은 태생적으로 게으르다. 6. 사람들은 실수를 한다. 7. 눈에 들어오는 것과..

웹사이트는 콘텐츠 비즈니스 성격에 따라 경유지로써의 웹사이트(이하 ‘경유지’)와 목적지로써의 웹사이트(이하 ‘목적지’)로 구분할 수 있다. 경유지는 효과적인 콘텐츠 소비가 이루어질 수 있도록 방문자에게 적절한 웹사이트를 연결시켜 주지만, 목적지는 콘텐츠가 효과적으로 소비될 수 있도록 방문자에게 적절한 콘텐츠를 연결시켜 준다. 따라서 경유지는 목록(index) 중심의 비즈니스, 목적지는 내용(contents) 중심의 비즈니스를 영위하고 있다고 볼 수 있다. 구글과 네이버를 예로 들어보자. 구글은 웹사이트와 웹페이지를 분석한 검색목록을 제공하는 검색엔진으로써 방문자가 검색어를 입력하면 적절한 웹사이트를 찾아준다. 얼마나 적절한 웹사이트를 찾아 주는지 여부가 구글의 검색 품질이 결정되며, 이에 따라 구글 비즈..

좋은 웹 사이트는 처음 온 사람이라도 원하는 페이지로 가기 쉽게 만들어 졌다. 어떻게 웹 사이트의 링크를 꾸며야 방문객이 편하게 사용할 수 있을 지 자잘한 것들은 제하고 한 두 가지 원론적인 개념을 살펴보자. 먼저 링크의 위치에 대해 알아보자. 맨 위? 맨 아래? 웹 페이지가 작다면(360픽셀 이하) 어디에 링크가 있건 다 보이기 때문에 큰 문제가 되지 않는다. 그러나 긴 페이지는 화면 스크롤 때문에 문제가 된다. 다른 페이지로 넘어가고 싶을 때 페이지를 스크롤해서 링크를 찾은 뒤 클릭하는 일은 생각보다 귀찮은 일이기 때문이다. 사용자가 어떤 경우에는 페이지 맨 위에서 다른 페이지로 넘어가기를 원하고 또 어떤 경우에는 페이지의 맨 아래서 다음 페이지로 넘어가기를 원할까? 개발자는 어떻게 이 두 가지 경우..

웹 사이트들의 경쟁이 치열해지면서 화려한 외형과 독창적인 마케팅 방법으로 네티즌을 손짓하는 사이트들이 늘고 있다. 하지만 인터넷의 커뮤니티(community)가 갈수록 중요해지면서 보이는 부분뿐 아니라 그 안에 감춰진 여러 요소들이 웹 사이트의 성공 비결로 떠오르고 있다. 여기서는 사이트 관리자가 반드시 알아야 할 10가지 무기를 소개한다. 1. 자기만의 이미지 인터넷은 먼저 출발한 사람이 승자가 되는 예가 많다. 즉, 다른 사람이 이미 진출한 분야에 나중에 뛰어들어서는 승자가 될 확률은 낮다. 따라서 남이 미처 생각하지 못한 부분을 먼저 차지해야 한다. 그러기 위해서는 다른 사람이 인터넷에서 생각하지 못한 분야가 어떤 것이지, 내가 나아갈 수 있는 분야가 또 어떤 것인지 꼼꼼히 찾아봐야 한다. 또 관련..

인터넷 비즈니스의 패러다임이 바뀌고 있다. 이제는 네티즌이 원하는 제품이나 서비스를 그들 자신보다 먼저 알아내 선보이지 않으면 경쟁력을 잃게 된다. 따라서 네티즌의 성향과 그들이 원하는 것을 집어낼 수 있는 발빠른 분석 능력이 필요하다. 초창기 1세대 인터넷 비즈니스는 일부 선구자적인 회사들이 자사 상품이나 서비스를 인터넷에 전시하는 수준, 즉 종이로 된 카달로그를 인터넷에 옮겨 놓은 것에 불과했다. 기업은 단순히 제품을 전시했고, 고객들은 관심 있는 물건이나 서비스가 있으면 홈페이지를 찾아가 정보를 얻는 것이 고작이었다. 하지만 2세대로 넘어 오면서 크게 바뀌기 시작했다. 그 전까지만 해도 인터넷의 상업적인 성장 가능성을 의심하던 기업들이 드디어 인터넷을 하나의 시장으로 보기 시작한 것이다. 이 때부터..