더 나은 웹 디자인 방법을 위한 닌자 가이드

지금까지 웹 사이트는 미리 계획된 형식이나 스타일을 실행하는 유형 없이 시작부터 복잡하게 설계되었습니다. 그런 식으로 크게 개선되었습니다.

그래서 그것을 예리한 진실이나 신화로 암시하지만, 사이트는 거친 색조와 실험적인 디자인의 비웃음으로 더 창의적이고 변덕스러웠고 일부는 심지어 배경에서 재생되는 비디오를 가지고 있었습니다. 어떤 면에서 지금보다 훨씬 재미있고 멋있었다.

요즘 방문하는 다른 모든 웹사이트는 마치 번들로 구축된 것처럼 어떤 면에서 그 웹사이트와 비슷합니다. 일반적으로 눈에 띄는 몇 가지 사항은 웹 사이트 내 영웅 이미지 또는 슬라이더의 존재입니다. 화면 상단의 탐색 모음과 함께 제공됩니다. 페이지를 따라 스크롤하는 데 사용되는 버튼과 함께 일부 사용자 정의 글꼴로 작성된 특정 벌크 업 라인. 그리고 조직에서 제공하는 제품이나 서비스에 대한 간략한 설명이 포함되어 있습니다.

올해도 비슷한 일이 만연할 것이 분명한 것 같습니다. 그러나 기본적으로 어떤 것을 생각해 내기 위해 염두에 두어야 할 몇 가지 사항과 오늘 받을 내용이 몇 가지 있습니다.

웹 디자인이 창의적 터치를 잃는 이유

의심스러운 진실로서, 옛날 환경의 웹사이트 아키텍처는 때때로 다소 형편없었지만 기민한 스타일이었지만 창조적인 에너지와 실험의 바로 그 구현을 소유하고 있었다는 사실을 아무렇지도 않게 표현할 수 있습니다. 계획 배열과 음영의 약간의 변경으로 비교 대상을 정독한 것처럼 보입니다.

추후 공지가 있을 때까지 웹 계획이 독창성과 독창성 면에서 예외적으로 무기력하게 변했다는 것은 분명합니다. 상대적으로 덜 까다롭게 만들었기 때문입니까? 기성품 구조의 출현으로 모든 패션가가 상상할 수있는 시간에 쉽게 장식용 사이트를 설정할 수 있습니다.

예를 들어 부트스트랩의 활용을 고려하는 경우 지난 몇 년 동안 사이트 계획 조건의 일부로 가장 많이 활용된 부트스트랩이 될 것입니다. 우리가 거의 매일 방문하는 25% 이상의 사이트에서와 같이 Bootstrap을 활용하여 대략적인 설명을 하고 있습니다.

필수 사용의 근본적인 목적은 부트스트랩이 사이트를 계획하는 최종 목표를 염두에 두고 발신자가 필요로 하는 구성 요소를 신속하게 제공하는 것입니다. 이러한 방식으로 이를 활용하면 절차가 활성화됩니다.

어쨌든 이것은 창의성과 독창성을 영원히 잃게 될 수 있으므로 즉시 사용 가능한 구성 요소를 활용하더라도 창작자가 자신의 창조적 에너지에 다른 형태를 부여하고 사이트를 탁월하게 변화시킬 수 있는 몇 가지 근본적인 진실에 대해 조사할 것입니다.

귀하의 사이트에 대해 실제로 어떻게 생각하십니까? 귀하의 협회, 응용 프로그램 또는 항목에 대한 개선된 데이터를 보유하고 제공하는 유일한 장소입니까? 실제로, 전문가의 관점을 찾는 경우 사이트는 이미지에 대한 이야기를 묘사하고 생각할 수 있는 모든 수단을 통해 손님을 끌어들이고 계속 매혹시켜야 합니다.

이야기는 작은 생각에서 시작하고 펜을 사용하여 종이에 끄적거릴 수 있음에도 불구하고. 생명을 불어넣을 웹 구성입니다. 따라서 우리는 귀하가 주목할 만한 사이트를 설명할 수 있도록 준비하는 방법을 계속 진행해야 합니다.

1. 이미지를 사용하여 참여

각 패셔너는 자신이 활용하는 계획이 외적으로 매력적이어야 함을 기억해야 하는 필수 목표입니다. 손님의 배려를 받고 개인이 전체 페이지를 보도록 촉구하는 정도.

관찰자의 관심을 얻는 데 도움이 되는 중요한 사진, 묘사에 애니메이션을 적용하거나 녹음을 철자법으로 묶을 수 있습니다. 또한 관찰자를 잠재 고객으로 전환하기 위해 충분히 오래 견디는 최종 목표로 초기 도입을 만듭니다.

그러나 핵심 아이디어는 필요에 따라 일을 정리하고 유지하는 것이 아니라 나타나야 한다는 것입니다.

이야기는 윤곽선과 화면에 나타나는 단어 모두를 통해 외적으로 상징주의로 가득 차 있어야 합니다. 고객이 청사진에서 목표나 심부름을 완료하도록 유도하는 부분과 함께 이야기에 훌륭하게 맞는 음영 팔레트를 디자인합니다. 좋은 이야기는 손님을 인도하는 데 도움이 됩니다. 또한 개요는 확인 가능한 시각적 일치여야 합니다.

2. 사이트의 캐릭터 개발에 중점을 둡니다.

사이트의 개요를 설명하는 동안 우리는 정기적으로 클라이언트 페르소나에 대해 이야기합니다. 진실은 그것이 발전 과정의 핵심 구성 요소 중 하나라고 말할 수 있습니다. 따라서 고객이 긍정적으로 공감할 수 있는 스토리의 등장인물을 제시하면 완전히 새로운 차원으로 올라갑니다.

캐릭터는 진짜일 수도 있고 처음부터 기획 내내 움직일 수도 있고, 실체에 가까운 목소리로 볼 수도 있다.

예를 들어 이메일 단계인 Mailchimp-Freddie를 활용한 잘 알려진 캐릭터를 고려할 수 있습니다. 계획, 블로그 발전 및 로고 팝업을 통해 모두 볼 수 있는 이 툰 마스코트는 실제로 조직에 몇 가지 역할을 합니다.

1. 먼저 캐릭터는 조직 이름을 밝히는 데 도움이됩니다. 바이러스 성 광고 캠페인을 포함하여 전반적으로 사칭 된 것처럼 조직 이름이 "Mailchimp"라는 불만이있었습니다. 그러나 단어 옆에 나타나는 침팬지는 이름을 합법화합니다.
2. 캐릭터 외에 조직이 표현하고자 하는 재미있는 성격을 밝은 톤과 기본적인 비주얼로 표현한다.
3. 프레디는 특별한 관점에서 논의할 다양한 항목이 많지 않을 때 조직에 이야기를 제공합니다. 침팬지는 어떻게 되었습니까? 그의 이름은 어디에서 왔습니까? 등등. 캐릭터는 스토리를 선명하게 유지하고 앞으로 나아갑니다.

3. 디자인을 통한 참여 유도

일상적인 활동과 어울리는 직관적인 구성으로 계획의 가치를 높입니다. 고객이 인지해야 하거나 지능형 구성 요소를 향해 "기워지는" 볼트 또는 그림과 같은 방향 표시가 있는 특정 구성 요소로 눈을 돌리는 데 도움이 되도록 활동 터치를 추가하세요.

고객이 이야기에 계속 빠져들게 할 수 있는 다양한 영향을 고려하십시오. 예를 들어 시차 보기는 화면에서 개발 권한을 부여하는 데 도움이 되는 매우 매력적인 접근 방식입니다. 이것이 이 방법이 그토록 두드러진 이유 중 하나입니다.

괜찮은 이야기는 마음이 흔들릴 필요가 없습니다. Human은 단체 사진과 어울리는 기본적인 드리프트 동작으로 스토리를 진행하여 조직 뒤에 있는 일반 대중을 만날 수 있도록 도와줍니다. 간단하고 설득력이 있습니다. (스태프 사진도 참고하세요. 유쾌한 포즈와 외모로 각 동료의 캐릭터가 빛을 발합니다.)

4. 의미 있는 마이크로 인터랙션 진행

클라이언트가 인터페이스할 개요의 사소한 구성 요소를 고려하십시오. 웹 기반 소셜 네트워킹 사이트는 마이크로 상호 작용과 기본적인 만남을 하기 때문에 특히 많은 참여를 유도합니다.

다시 말하지만, 고객이 계획에 참여할 때 마이크로 상호 작용은 사소한 분입니다. 설정을 변경할 때마다 특정 사항을 알리고 로그인하거나 마이크로 인터랙션을 본 상태를 좋아합니다. 인스타그램 하트를 두드리는 것(빨간색으로 변하는 것을 보는 것)부터 두드려서 리트윗하는 것까지, 이러한 비판 서클은 고객이 재방문하도록 하는 것입니다.

중요한 마이크로 상호 작용은 개요에 대한 관심을 만듭니다. 여기에는 일반적인 경험을 유익하게 만드는 클라이언트의 능력 수준이 포함됩니다.

마이크로인터랙션은 추가적으로 계획을 지지하거나 추구합니다. 이 회의록을 사이트의 주요 목표와 연결하십시오. 클라이언트가 방금 얻은 항목을 공유하도록 허용하는 것부터 주의를 수락하는 데 동의하는 항목 목록에 항목을 추가하는 것까지 무엇이든 될 수 있습니다.

5) 당신의 이야기가 내러티브가 되도록 하십시오

각 이야기에는 시작, 중심 및 끝이 있습니다.

웹 아키텍처가 이 스토리 스트림에 대해 이야기하지 않는 경우 클라이언트가 어리둥절하거나 길을 잃을 수 있습니다. 가장 복잡한 방정식은 다음과 같습니다.

시작 : 로고 및 기능. 고객에게 귀하의 신원과 그들이 귀하의 사이트에 있는 이유를 설명하십시오.

중앙 : 당신을 특별하게 만드는 모든 지원 스토리. 귀하의 사이트에 있는 개인을 위해 무엇을 달성할 수 있습니까? 그들이 무엇을 예상하는 것이 좋을까요?

끝 : 행동을 취하라는 부인할 수 없는 제안, 예를 들어 프레임, 구매 능력 또는 다른 것과의 연결.

6) 기본적이고 단순한 스토리라인을 고수하라

이것은 위에서 언급한 요점과 상반되는 것처럼 들릴 수 있지만 이야기는 기본적이어야 합니다. 1500페이지 분량이 아닙니다. 간단한 스토리라인은 5초 이내에 명확하게 설명할 수 있는 것입니다.

이야기는 즉시 고객을 확보하고 인상을 남기고 다시 오고 싶게 만들어야 합니다. 예, 시작, 중심 및 끝으로 이 작업을 수행할 수 있습니다.

업스트림은 이 모든 작업을 랜딩 페이지에서 수행합니다. 고객은 스토리의 "중심"에서 더 많은 양을 찾을 수 있지만 랜딩 페이지에는 세 섹션 모두가 있습니다. 시각 자료와 콘텐츠는 도움을 제공하기 위해 Upstream에서 도움이 필요한 사람과 사람들에 대한 설명을 제공합니다. 화면에 "포함"이라는 문구가 표시되며 도움을 제공해야 할 정도로 시각적 효과가 뛰어납니다.

이야기는 간단하고 강력합니다. 고객은 아마도 그것이 ... 그리고 당신을 기억할 것입니다.

7) 모바일 친화적

현재 다양한 화면 크기를 가진 수많은 가제트에서 사이트에 접속하는 것이 일반적이므로 귀하의 웹사이트가 모바일 친화적인지 고려해야 합니다. 웹사이트가 모바일 친화적이지 않은 경우 반응형 디자인으로 수정하거나(다양한 화면 너비에 따라 사이트가 변경됨을 의미) 전용 모바일 사이트(특별히 최적화된 별도의 웹사이트)를 구축할 수 있습니다. 모바일 사용자용).

이러한 개요 구성 요소를 기억하는 것만으로는 멋지고 유용한 사이트를 만들기가 어렵습니다. 조사하거나 개선해야 할 웹 구성이 있습니까? 또는 다른 한편으로는 사이트를 준비하고 있으며 초기 단계부터 시작하여 이상적인 계획을 원할 수도 있습니다. 어쨌든 강력한 웹 사이트 아키텍처의 이러한 표준은 귀하의 사이트가 손님에게 훨씬 더 매력적이고 가치 있고 의미 있는 사이트가 되도록 도울 수 있습니다.

8) 새로운 기술로 자신을 업데이트하십시오

컴퓨터 기술의 세계는 거의 매일 변화하고 이에 보조를 맞추기 위해 웹사이트 전문가는 비즈니스 조정에 혁신적으로 조정되어야 합니다. 근무일 또는 주의 일부를 잘라내어 해당 분야에서 새로운 것을 적용하는 데 바칩니다. 새로운 것, 기울어진 것, 길가로 떨어지는 것을 발견하십시오. 경쟁자가 귀하보다 최신 정보와 최신 정보를 제공함으로써 귀하의 비즈니스를 빼앗는 것을 원하지 않는 경우 이 팁을 고려하십시오.

탁월함을 유지하기 위한 적절한 방법은 Envato Market과 같은 레이아웃 상업 센터 또는 주제에 만연한 것을 관찰하는 것입니다. 가장 인기 있는 주제를 확인하면 클라이언트가 검색하는 것과 다양한 기획자가 제공하는 것의 드리프트를 발견할 수 있습니다.

너에게로

웹 기획은 테스트 분야입니다. 현장에서의 성취는 자신을 제시하는 모든 조건에 적응할 수 있는 회복력과 확언을 필요로 하며, 일이 정확히 진행되지 않는 지점에서도 절대 절름발이가 되지 않아야 합니다. 웹사이트 구성 분야에서 직업을 달성하기 위해 구체적인 최종 목표에 필요한 것은 근면과 '절대 항복하지 않는' 태도입니다. 상당수의 당신은 지금 전문가 생활에서 이 팁 중 하나 또는 상당한 부분을 연습하고 있을 것입니다. 그러나 제 요점은 지금까지의 이러한 성과를 무의식적으로 계산한 사람들을 관리하고 그것을 확실히 잘 알고 있는 사람들에게 상기시켜주는 것입니다.