콘텐츠
- "실제"콘텐츠 란
- 좋습니다. 콘텐츠 우선 디자인이란 무엇인가요?
- 내용은 "에지 케이스", 즉 실제 세계를 강조합니다.
- 실제 콘텐츠로 시작하면 처음부터 사용자의 입장이됩니다.
- 실제 콘텐츠 작업에 도움이되는 3 가지 도구
- Webflow CMS
- Sketch 용 Craft Data 플러그인
- 랜덤 사용자 생성기 API
사용자 환경의 이점에 대해 알아보기 전에 용어를 조금 명확히하겠습니다.
첫째, 사람들이이 개념을 "실제로 디자인하는 데이터,”나는 함유량, 디자이너가 작업하는 것을 더 잘 포착하기 때문입니다. 결국 일반적으로 이미지를 "데이터"라고 부르지 않겠습니까? 도움이된다면 콘텐츠를 "컨텍스트 내 데이터"라고 생각할 수 있습니다.
"실제"콘텐츠 란
디자인의 진화 과정에서 누군가가 여러분이 실제로 필요한 것 디자인을 만드는 실제 텍스트. "진짜"물건이 준비 될 때까지 임의의 라틴어를 넣을 수 있습니다. 그 후, lorem ipsum 그리고 그것의 많은, 더 많거나 적은 힙 스터 파생물.
그러나 최근에 사람들은 그것이 얼마나 화가 났는지 깨닫기 시작했습니다. 확실한, 약간 형태의 콘텐츠는 기존 디자인에 그대로 적용 할 수 있으며 "좋은"이라고 부를 수 있습니다.
하지만 보통은 그렇지 않습니다. "표준"블로그조차도 종종 목록, 인터뷰, 사례 연구, 연습 등 다양한 콘텐츠 유형을 제공합니다. 확실히 콘텐츠 유형의 고유 한 특성을 강조하도록 설계된 고유 한 프레젠테이션의 이점을 누릴 수 있습니다.
실제 콘텐츠로 디자인을 시작하십시오. 디자이너에게 콘텐츠로 시작하는 것이 아니라 콘텐츠로 시작하도록 요구하는 콘텐츠 우선 디자인의 파생물입니다. 레알 지저분한 현실 세계의 실제 사람들이 실제로 만들고 공유하는 콘텐츠입니다.
"실제"콘텐츠는 다음으로 구성 될 수 있습니다.
- 일반인의 실제 사진 및 상태 업데이트
- 프리랜서 사이트를위한 클라이언트 제작 콘텐츠
- 전문 카피라이터가 제작 한 세련된 카피
좋습니다. 콘텐츠 우선 디자인이란 무엇인가요?
콘텐츠 우선 디자인은 웹 사이트 콘텐츠 생성 또는 기존 콘텐츠 검토 및 분석에 우선 순위를 둡니다. 전에 디자인이 시작됩니다.
그렇다고해서 디자인 프로세스가 시작된 후에는 콘텐츠를 기민하게 반복하고 다듬을 수 없다는 의미는 아닙니다. (사실 카피와 디자인이 같은 목소리로 말하도록하는 것이 절대적으로되어야합니다.) 그것은 작업을 시작하기 전에 작업중인 것을 아는 것을 의미합니다.
조건이 정해지면 실제 콘텐츠로 디자인 할 때의 이점에 대해 알아 보겠습니다.
내용은 "에지 케이스", 즉 실제 세계를 강조합니다.
디자이너는 이상적인 콘텐츠를 좋아합니다. 그들을 비난 할 수는 없습니다. 콘텐츠를 아름답게 꾸미는 것은 그들이하는 일의 작은 부분 중 하나입니다. 하지만 현실 세계에서 예쁜 콘텐츠를 만드는 사람은 거의 없습니다.
대신, 그들은 인기있는 새 웹 사이트에 가입하고, 프로필 필드의 절반을 채우고, 두 장의 사진을 업로드하고, 하루에 전화합니다. 또는 "정말 긴 헤드 라인"을 작성하고 저해상도 사진을 블로그에 업로드합니다.
그것이 실제 생활입니다.
당신이 그것을 이해하면 중지 다음 기능을 갖춘 "이상적인"사용자 프로필을 설계 할 때
- 짧은, 앵글로 색슨 이름과 성
- 정기적으로 제공되는 수백 장의 아름다운 사진
- 짧은 텍스트 내용
- 모든 콘텐츠 유형을 포괄하는 다양한 "업데이트"
물론 그 중 하나를하세요.
그러나 다른 조롱은 현실 세계를 강조합니다. 다음으로 가득한 세상 :
- 긴 이름
- 둘 이상의 언어로 나열되어야하는 이름
- 왼쪽에서 오른쪽이 아닌 오른쪽에서 왼쪽으로 실행되는 이름
- 희박하고 조명이 어둡고 어색하게 잘린 사진
- 헤드 샷 대신 어리석은 아바타
- 해설없이 빈 미리보기를 생성하는 실제로 베어 링크 인 "공유"
이것은 "에지 케이스"가 아닙니다. 현실적이고 지저분하고 무질서한 세상의 스냅 샷입니다. 이를 더 잘 이해할수록 사용자와 사용자를위한 디자인 방법을 더 잘 이해할 수 있습니다.
위의 예가 오해하지 않도록 실제 콘텐츠로 디자인하는 이점은 소셜 네트워크에만 국한되지 않습니다. 귀하가 아닌 사람이 생성 한 콘텐츠를 사용하는 모든 웹 사이트에 적용됩니다. 즉, 그들 모두.
결국 모든 헤드 라인이 정확히 세 단어로 된 블로그를 조롱한다고 상상해보십시오. 너도 이야기 블로그 편집자에게, 친구?!
실제 콘텐츠로 시작하면 처음부터 사용자의 입장이됩니다.
대부분의 웹 사이트 방문자는 멋진 디자인, "유쾌한"상호 작용 또는 빠른 카피를 원하지 않습니다.
그들은 작업을 수행하는 데 필요한 정보를 얻습니다.
디자인에 콘텐츠 우선 접근 방식을 취한 다음 한 단계 더 나아가 레알 다음 두 가지를 모두 이해하려는 시도를 우선시합니다.
- 작업해야 할 사항
- 최종 사용자가 찾고있는 것
또한 최종 설계의 올바른 위치에 올바른 정보가 강조 표시되도록하는 데 도움이됩니다.
어떤 의미에서 콘텐츠 제작 또는 분석의 우선 순위를 정할 때 전에 디자인은 사용자가 원하는 것과 동일한 길을 택합니다. 필요한 정보를 찾기 위해 정보의 바다를 헤쳐나가는 것입니다. 해당 프로세스를 살펴보면 사용 가능한 항목, 고객이 원하는 항목, 귀하 (또는 귀하의 고객)가 제공하는 것을 더 잘 이해할 수 있도록 콘텐츠를 구성하는 방법을 더 잘 이해할 수 있습니다.
실제 콘텐츠 작업에 도움이되는 3 가지 도구
분명히 실제 콘텐츠를 모든 디자인 도구로 가져와 웹 및 제품 디자인에 더 많은 충실도를 부여 할 수 있습니다. 하지만 실제 콘텐츠로 작업 할 때 정말 빛나는 몇 가지 도구가 있습니다.
Webflow CMS
2015 년 말에 출시 된 Webflow의 시각적 CMS는 콘텐츠 우선 워크 플로에서 멋지게 작동합니다. 13 개의 기본 구성 요소 (이미지부터 다른 컬렉션에 대한 참조에 대한 링크까지)에서 컬렉션을 만들어 완전히 사용자 지정 구조를 만들고 콘텐츠를 입력 한 다음 해당 콘텐츠로 작업을 시작하여 완벽한 디자인을 만듭니다. 샘플 "더미"데이터를 가져와 설계 프로세스를 시작할 수도 있습니다.
Sketch 용 Craft Data 플러그인
InVision LABS의이 무료 Sketch 및 Photoshop 플러그인을 사용하면 자신의 파일, 기존 웹 사이트 또는 JSON 파일에서 실제 콘텐츠를 가져와 디자인에 바로 연결할 수 있습니다.
랜덤 사용자 생성기 API
코드 슬링거 또는 포토 호퍼 인 경우 Random User Generator를 사용하면 디자인에 바로 배치 할 수있는 JSON, SQL, CSV 또는 YAML 객체를 생성 할 수 있습니다.