🔖 2021년 6월 4주 TOP3

🔖 2021년 6월 4주 TOP3

1. UX 라이팅 원칙으로 더 나은 디지털 경험을 구축하는 방법

2. 로고 디자인 방법 : 초보자를 위한 단계별 가이드

3. 스큐어모피즘, 플랫디자인, 뉴모피즘

UX 라이팅 원칙으로 더 나은 디지털 경험을 구축하는 방법

제가 작년에 Sainsbury에 입사했을 때 UX 라이팅에 그다지 관심이 없었습니다. 디지털 경험에 사용된 단어는 중앙 집중식 가이드라인 없이 디자이너에서 엔지니어에 이르기까지 서로 다른 시간에 서로 다른 방식으로 작성되었습니다.

그래서 때때로 언어가 약간 혼란스러웠습니다. 때로는 한 화면에서 다음 화면으로 일관되지 않은 경우도 있었습니다. 때로는 대화를 해야 할 때는 로봇 같았고, 침착해야 할 때는 신이 났었습니다. 그리고 이것은 정확히 드문 일이 아닙니다. 실제로 많은 디자인 팀은 제품을 만들 때 UX 라이터와 함께 작업하지 않습니다.

하지만 UX 라이팅에 대한 올바른 이해는 더 나은 디지털 경험을 만드는 데 중요 할 수 있습니다. 제품의 단어가 복잡하고 영감을 주지 않고 불친절하다면 어떨까요? 사용자는 당신의 제품이 복잡하고 영감을주지 않으며 비우호적이라고 생각할 것입니다.

따라서 Luna Guidelines 팀에서 새로 고용된 열정적인 UX 라이팅 팀으로서 우리는 디자이너, 엔지니어 및 제품 소유자가 자신의 경험에 대한 명확하고 유용한 카피를 쉽게 작성할 수 있도록 하고 싶었습니다. 이를 돕기 위해 UX 라이팅 원칙을 만들었습니다.

몇 가지 핵심 원칙을 다루면서, 우리는 좋은 UX 라이팅에 대한 이해를 돕기 위해 지난 1년 동안 동료 (및 우리 자신)에게 가이드라인을 참조했습니다. 그 이후로 우리는 Sainsbury ’s, Argos 및 Nectar에서 실제 여정을 개선하기 위해 각 원칙을 적용 할 수있었습니다.

이 기사에서는 UX 라이팅 원칙을 하나씩 살펴보고 제품의 디지털 경험을 개선하기 위해 어떻게 적용되었는지 보여 드리겠습니다.

대화 유지

이것이 우리의 첫 번째 원칙이며 아마도 가장 중요합니다. 우리 제품의 단어는 사용자와 제품 간의 대화를 만들기 위해 존재합니다. 그리고 우리의 말이 대화적이 지 않고 차갑고 로봇 같다면, 사용자와 제품 사이의 대화가 뒤죽박죽이 됩니다.

그러니 다른 사람에게 어떻게 말할 것인지 쓰는 것을 잊지 마세요. 낯선 사람에게 "계속하려면 다음 개인 정보를 제공하세요"라고 부탁한 적이 있습니까? 아마 아닐 것입니다. 하지만 낯선 사람에게 “자신에 대해 알려주세요”라고 물었을 수도 있습니다.

Argos 도움말 페이지의 원래 헤더 텍스트는 사용자에게 웹 사이트의 위치를 ​​알리는 데 성공했을 수 있지만 반드시 도움이되거나 친근하거나 사람이라고 느껴지지는 않습니다.

하지만 헤더를 'How can we help?'로 업데이트하여 처음부터 더 친근한 톤을 만들어냈습니다. 질문이기 때문에 사용자와 대화를 시작했지만 원래 헤더는 하지 못했습니다.

..👇 더 자세한 내용은 아래 원문에서 확인해주세요.

로고 디자인 방법 : 초보자를 위한 단계별 가이드.

｜로고는 모든 브랜드에서 매우 중요한 부분이며, 고객이 브랜드를 인식하는 방식에 큰 영향을 미칩니다. 따라서 로고 디자인에 관해서는 세심한 주의를 기울일 필요가 있습니다. (매우 조심스럽고 정확해야 합니다.)

이 글에서 저는 로고 디자인을 위한 저의 창의적인 과정을 적어 보려고 노력했습니다. 이제 막 시작하는 초보자이든 로고 디자인에 대한 접근 방식을 바꾸려는 사람이든 상관 없습니다. 여러분은 여러분이 찾고 있는 것을 발견할 것입니다. 디자인 프로세스 전체를 탐색 할 수 있도록 모든 것을 몇 단계로 압축했습니다.

1 단계 : 클라이언트 검색

로고는 말 그대로 브랜드의 얼굴입니다. 우선, 브랜드가 달성하려는 목표와 비즈니스 목표가 무엇인지 이해해야 합니다. 좀 더 정교 해지려면 브랜드의 정신을 구현해야 합니다. 이를 위해서는 고객과 함께 앉아서 그들이 원하는 것이 무엇인지 정확히 물어봐야 합니다. 왜냐하면 그들은 브랜드를 어떻게 인식하는지 이해하는 데 도움을 받을 수 있습니다.

종이에 모든 요구 사항을 적고 다른 종이에 로고를 디자인하려는 브랜드에 대해 생각하면서 떠오르는 특정 키워드 나 형용사를 적습니다. 이 기술을 마인드 매핑이라고 합니다. 다른 기술도 있지만 마인드 매핑이 가장 효과적이라고 생각합니다.

이 단계가 끝나면 브랜드에 대해 잘 알고 있어야 합니다. 이 초기 단계는 향후 단계의 기초를 설정하고 브랜드의 핵심 개성을 이해하는 데 도움이 됩니다.

｜막 시작하고 첫 번째 고객을 확보하는 방법이 궁금하다면 별도의 기사에서 해당 주제를 확실히 다룰 것입니다.

2 단계 : 영감 찾기

이것을 하는 많은 방법이 있지만 제 생각에는 업계를 조사하는 것이 가장 좋습니다. 예를 들어, 커피 브랜드를 디자인하는 경우 다른 커피 브랜드 로고를 찾아서 현재 어떤 기술이나 색상 조합이 사용되고 있는지 파악한 다음 자신을 차별화 할 수 있는 다른 방법이 무엇인지 자문해봅니다. 왜냐하면 여러분이 결코 되고 싶지 않는 것은 벽에 있는 다른 벽돌이기 때문입니다.

영감 리소스

시작하기에 좋은 곳이 필요하십니까? 다음 사이트 중 하나를 선택할 수 있습니다.

｜주의 : 이 모든 것의 요점은 훌륭한 디자인과 디자이너의 사례로 자신을 둘러싼 것입니다. 디자인 영감의 원천을 탐색하면 창의적인 불꽃을 낼 수 있습니다. 창조 산업이 당신의 아이디어를 빼앗을 수 있다는 것은 비밀이 아니지만, 저는 창조성이 근육과 같다는 것을 알게 되었습니다. 사용하지 않으면 약해집니다. 또한 이것은 자신의 디자인에 대해 현명한 결정을 내리는 데 도움이 됩니다.

.. 👇 더 자세한 내용은 아래 원문에서 확인해주세요.

스큐어모피즘, 플랫디자인, 뉴모피즘

세 가지 UI 스타일의 특성, 이론적 근거 및 표현 리소스를 살펴봅니다.

왜 이런 스타일일까요? 디지털 인터페이스의 역사에는 여러 가지 디자인 스타일과 변형이 존재했습니다. 단순화된 설명에서는 첫 번째 단계가 있으며, 대부분 기술적인 제약 조건(픽셀의 양, 색상 및 메모리 사용량)에 의해 정의됩니다. 두 번째 단계에서 컴퓨터는 디자이너들에게 가능성을 열어주었고, 더 의도적인 시각적 스타일이 나타났습니다. 이 기간 중 가장 관련성이 높은 두 가지는 스큐어모피즘과 플랫 디자인 입니다. 뉴모피즘은 통합된 스타일은 아니지만, 아래 설명에 포함시켰습니다.

과정

각각의 스타일의 정의적 특성을 연구한 후, 저는 각각의 컨셉 인터페이스를 만들었습니다. CAD 도구를 사용하여 배경과 적절한 조명이 포함된 각각의 3D 모델을 제작했습니다. 그런 다음, 상단 및 등각도에서 사실적인 렌더링을 만들었습니다. 탑뷰를 참고하여 피그마를 이용하여 2차원을 표현하였습니다. 이러한 구성 요소는 코드로 빌드하고 최종 제품에 사용할 수 있는 일반 패턴을 사용합니다.

스큐어모피즘

구분된 스타일 이상의, 스큐어모피즘은 물리적인 세계 인터페이스를 디지털 세계로 모방하는 이론적 근거입니다. 원래 이것은 사용자가 보다 직관적으로 상호작용할 수 있도록 하는 데 사용되는 리소스였습니다. 이 원리에 따라 스큐어모피즘은 일련의 시각적 스타일을 함께 그룹화합니다.

이러한 시각화는 약간 둥근 모서리와 결합 된 기하학적이고 균일 한 요소로 깔끔한 스타일을 보여줍니다.

이러한 구성 요소는 실제 세계의 고품질 플라스틱 인터페이스와 유사합니다. 마이크로 인터랙션은 일반 버튼과 컨트롤의 물리적 패턴도 복제합니다.

플랫디자인

스큐어모피즘에 대한 반대 반응으로 플랫디자인이 나왔습니다. 사용자가 규칙적인 상호작용 패턴에 익숙해지자 요소의 문맹성은 불필요해졌습니다. 디자이너들은 그 요소들의 기호학에 반전을 주어 이런 스타일을 만들었습니다. 플랫 디자인은 물리적 규칙과 깨졌습니다. 신뢰할 수 있고 현실적인 표현은 더 이상 필요하지 않았습니다. 메시지는 아이콘, 추상화 및 개념적 상호 작용을 통해 전달됩니다. 사용자들은 이미 디지털-원래의 상호작용 패턴에 익숙했습니다.

플랫 디자인의 전통적인 변형은 화면의 2차원에만 의존합니다. 그림자, 투명 또는 물리적 세계에 대한 언급은 사용되지 않습니다.

그럼에도 불구하고, 이 스타일의 일부 후속 변형에는 음영, 투명도 및 그라데이션으로 표현되는 3차원 중첩 레이어 표현이 포함되기 시작했습니다. 머티리얼 디자인은 이러한 개념의 훌륭한 예입니다.

이 탐사를 위해, 저는 캔버스에 떠 있는 라미네이트 물체와 유사한 간단한 구성 요소를 사용했습니다. 미세 상호작용은 물질의 거칠기나 중력 법칙을 따르지 않습니다.

. . 👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램