용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z


용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z


용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z

용어

웹 사이트 디자인

간략한 정의

웹 사이트 디자인은 온라인에서 콘텐츠를 계획 및 개념화하고, 구성하는 것을 말합니다.

주요 내용

 

● 웹 사이트 디자인 또는 웹 디자인은 시각적 요소와 기능을 모두 고려하며 웹 페이지, 모바일 앱, 사용자 인터페이스를 포함합니다.

● 새로운 웹 사이트를 디자인할 때 시각적 요소를 결정하기 전에 사이트의 정보 아키텍처를 고려해야 합니다.

● 화면 디자인 툴을 사용하면 사이트의 서로 다른 부분을 연결할 수 있습니다.

● 탁월한 웹 사이트 디자인은 탁월한 비즈니스 전략이 됩니다. 전략이 잘 정의되어 있으면 웹 사이트의 성과를 더욱 높일 수 있습니다.


Q: 웹 사이트 디자인이란 무엇입니까?

A: 웹 사이트 디자인은 온라인에서 콘텐츠를 계획 및 개념화하고, 구성하는 것을 말합니다. 웹 사이트 디자인 또는 웹 디자인은 시각적 요소와 기능을 모두 고려하고, 웹 사이트 디자인에는 웹 페이지와 모바일 앱, 사용자 인터페이스가 포함됩니다. 웹 사이트 디자인 과정에서 기억해야 할 두 가지 주요 영역은 사용자 경험(UX) 디자인과 아트 디렉션입니다.

UX 디자인은 웹 사이트의 전략적, 기능적 요구 사항을 시각적이고 인터랙티브한 방식으로 표현한 것입니다. 예를 들어, 전문가 개인 웹 사이트의 목표는 잠재적 고용주나 클라이언트로부터 고용 제안을 받는 것입니다. 비즈니스 웹 사이트는 고객이 세일즈 퍼널을 따라 이동하도록 유도하는 것이고, e커머스 웹 사이트의 목표는 고객의 구매 완료를 돕는 것입니다. UX 디자인은 목표가 무엇이든 사용자의 여정을 더욱 쉽고 즐겁고 명확하게 만드는 것에 중점을 둡니다.

아트 디렉션은 사용자 경험에 브랜딩과 시각적 매력을 더합니다. 그래픽 디자이너와 웹 사이트 디자이너는 서로 협력하여 브랜드의 개성과 분위기에 맞고 사이트를 계속 살펴보고 싶은 마음이 들게 하는 웹 사이트나 랜딩 페이지를 함께 만들기도 합니다.

Q: 웹 사이트 디자인과 웹 사이트 개발의 차이점은 무엇입니까?

A: 웹 사이트에는 프런트엔드와 백엔드가 있습니다. 백엔드는 사이트를 구축하는 데 사용되는 코드입니다. 프런트엔드는 사용자에게 실제로 보여지는 부분에 해당합니다. 웹 개발은 백엔드에 초점을 맞추는 반면, 웹 디자인은 프런트엔드에 초점을 맞춥니다.

웹 사이트 구축에는 웹 개발과 웹 디자인이 모두 포함됩니다. 오늘날 웹 사이트 디자이너는 웹 개발이나 웹 디자인 중 하나를 전문으로 할 수도 있지만, 종종 두 분야가 교차되는 경우도 많습니다.

Q: 웹 사이트를 디자인하려면 어떤 툴과 플랫폼이 필요합니까?

A: 매력적인 웹 사이트를 쉽게 만들 수 있는 툴과 서비스가 많이 있지만, 모든 웹 디자이너가 디자인 프로세스에서 가장 먼저 사용해야 하는 툴은 자신의 두뇌입니다. 새로운 웹 사이트를 디자인할 때 시각적 요소를 결정하기 전에 사이트의 정보 아키텍처를 고려해야 합니다. 웹 사이트에 게시해야 하는 콘텐츠 유형을 정하고, 사용자의 여정도 고려합니다. 즉, 사용자가 어디서 시작해 사이트로 들어오는지, 사이트 내에서 어디를 가는지, 사이트에서 나가 어디로 향하는지를 고려합니다. 탁월한 사용자 경험을 만들기 위해 웹 전문가는 데이터가 어디서 와서 어디로 가는지, 그리고 이 데이터를 가장 효과적이고 매력적인 방식으로 표현할지 생각해야 합니다.

정보 아키텍처가 준비되면 Adobe XD와 같은 화면 디자인 툴이 필요합니다. 화면 디자인 툴을 사용하면 사이트의 여러 부분, 즉 여기에는 로그인 페이지, e커머스 흐름, 캠페인 랜딩 페이지, 고객 지원 등을 연결할 수 있습니다. 웹 사이트는 결코 정적인 경험이 아닙니다. 웹 디자이너는 화면 디자인 툴을 사용하여 사용자가 실제로 사이트를 경험하는 방식대로, 아이디어를 유동적으로 표현할 수 있습니다.

Q: 효과적인 웹 디자인 전략에는 어떤 것이 있습니까?

A:고객을 파악합니다. 누가 웹 사이트를 방문하는지, 어떤 디바이스를 사용해서 웹 사이트를 방문하는지 파악합니다. 기업이 디자인 에이전시에 제공한 사용자 데이터나 고객 데이터가 있는 경우 이 정보는 웹 사이트 디자인 프로세스에 활용할 수 있습니다. 아무 정보 없이 에이전시가 맞춤 웹 사이트 디자인을 만들어야 하는 경우에는 기업이 일단 자사 고객에 대해 몇 가지 추정을 하고 나중에 데이터가 확보되면 이를 바탕으로 사이트를 조정할 수 있습니다.

방문자의 목표를 이해합니다. 사용자가 웹 사이트를 방문하는 이유를 생각합니다. 웹 사이트를 방문하는 사람이 귀사가 어떤 브랜드이고, 무엇을 제공하는지 알아보려는 신규 고객일 수 있습니다. 또는 더 많은 제품을 구매하거나 영감을 주는 콘텐츠를 찾거나, 추가 교육을 받기 위해 다시 방문한 고객일 수도 있습니다. 방문자의 목표를 이해하면 시각적으로 매력적이고 쉽게 목표를 달성할 수 있는 웹 경험을 디자인할 수 있습니다.

콘텐츠를 매핑합니다. 먼저 어떤 콘텐츠를 이미 보유하고 있는지 확인합니다. 그러고 나서 콘텐츠를 사이트에 효과적으로 사용할 전략을 세웁니다. 검색 엔진 최적화(SEO)를 고려하고, 여러분의 콘텐츠를 웹 페이지와 어떻게 연결할지도 생각합니다. 고객이 어떤 용어를 검색하는지 파악해야 합니다. 고객이 실제로 검색하는 용어를 사용하면 고객이 필요한 것을 더 쉽게 찾을 수 있고, 이는 고객 전환으로 이어질 수 있습니다.

접근성을 염두에 둡니다. 웹 사이트의 프런트엔드와 백엔드를 디자인할 때 장애가 있는 사용자에게 어떤 부분이 문제가 될 수 있는지 고려하고, 문제를 해결하는 데 필요한 기능을 추가합니다.

● 콘텐츠 관리 시스템(CMS)을 사용합니다. 콘텐츠를 대규모로 만드는 경우 다양한 사람들이 해당 콘텐츠를 웹 페이지에 푸시할 방법이 필요합니다. 콘텐츠 관리 시스템을 통해 디자이너는 누구나 빠르게 새 페이지를 만들고 최신 콘텐츠를 공유할 수 있는 웹 사이트 템플릿을 만들 수 있습니다.

Q: 탁월한 웹 디자인으로 얻을 수 있는 이점은 무엇입니까?

A: 탁월한 웹 사이트 디자인은 탁월한 비즈니스 전략이 됩니다. 전략이 잘 정의되어 있으면 웹 사이트의 성과를 더욱 높일 수 있습니다. 기업에 따라 목표는 리드 창출, 판매 증대, 콘텐츠 조회수 증가, 참여 진작 등으로 다양합니다.

우수한 웹 사이트 디자인을 갖추고 있으면 브랜드는 사용자 트래픽을 사이트로 유도하는 데에만 집중하면 됩니다. 고객이 일단 사이트에 도달하면 그곳에서 고품질 콘텐츠를 접하며 저절로 브랜드와 감성적 유대를 형성하게 되기 때문입니다.

Q: 웹 사이트 디자인은 앞으로 어떻게 진화할까요?

A: 웹 사이트 디자인은 시각적 디자인과 언어 측면에서 포괄성과 접근성이 지속적으로 개선될 것입니다. 따라서 장애 여부나 성별에 관계없이 모든 방문자가 만족할 만한 경험을 제공하게 될 것입니다. 누구나 온라인 정보를 읽고 이해하기 쉽도록 큰 글자를 제공하는 등 장애가 있는 사용자를 위한 기능이 많이 마련될 것입니다.

미래에는 더욱더 다양한 디바이스에서 콘텐츠를 선보이는 웹 사이트를 볼 수 있을 것입니다. 반응형 웹 디자인에는 모바일, 태블릿, 데스크탑뿐 아니라 오디오 디바이스와 음성 지원도 포함될 것입니다.

Adobe가 도와드리겠습니다

Adobe Experience Cloud를 통해 지식을 행동으로 전환하십시오.