🔖UXUI 해외 주간 아티클 TOP3

🔖 2023년 5월 1주 TOP3

1️⃣ 디자인 시스템을 더 잘 관리하기 위한 3가지 개념 템플릿

2️⃣ 2023년에 주목해야 할 대시보드 UI/UX 디자인 트렌드 8가지

3️⃣ Figma를 사용하여 더 나은 프레젠테이션을 만드는 방법

1️⃣ 디자인 시스템을 더 잘 관리하기 위한 3가지 개념 템플릿

Notion : 디자인 시스템 문서를 호스팅하는 데 적합하지 않으나 비즈니스 운영에 우수함

Notion은 메모 작성 앱이기 때문에 디자인 시스템을 문서화하는 훌륭한 도구라고 생각할 수 있습니다. 가능하며 귀사에 적합하다면 어떤 방식으로든 진행하시기 바랍니다.(결국 디자인 시스템과 관련된 모든 것에 대한 고유한 솔루션은 없습니다).

그러나 제가 이야기하고 싶은 것이 아니며 제 생각에는 몇 가지 이유로 해당 사용 사례에 대해 선택하지 않을 것입니다.

특히 소시지가 만들어지는 방법을 문서화하고, 프로젝트를 추적하고, 템플릿을 만들고, 무엇보다도 다양한 조직 도구와 팀을 위한 원스톱 상점 사이의 접착제 역할을 할 수 있습니다.

그것을 보는 또 다른 방법은 청중의 관점에서 볼 수 있습니다. 거기에 넣을 콘텐츠는 시스템의 소비자나 기여자에게는 적합하지 않을 수 있지만 관리자, 영구 팀 또는 이해 관계자에게는 매우 가치가 있습니다.

제 생각에는 이러한 주요 기능으로 인해 가능해졌습니다.

다음 섹션에서 3가지 사용 사례를 통해 설명하겠습니다.

디자인 시스템 관리의 3가지 실생활 사례

사용 사례 #1: 요소 추적기

이 사용 사례는 시스템 사용자로부터 반복적으로 듣는 간단하고 예상되는 질문인 "이것을 사용할 수 있나요*?"에 대한 해결책을 제시하려고 합니다.

*여기에서 이것을 구성 요소 라이브러리의 요소로 바꾸세요.

이 간단한 질문에는 "상황에 따라 다릅니다."라는 끔찍한 대답이 필요합니다.

실제로 디자인 시스템은 웹, iOS & Android(예를 들어)와 같은 여러 플랫폼을 지원할 수 있으며 사용자가 말하는 컨텍스트를 항상 알 수는 없습니다. 또한 좋아하는 디자인 도구에서 사용할 수 있는지 알아야 합니까? 문서화되어 있습니까? 테스트?

따라서 시스템 팀의 누군가가 해당 질문을 직접 조사하고 답변할 필요가 없는 도구를 사용자에게 제공하려면 각 플랫폼의 상태를 표시할 수 있는 트래커 도구가 필요합니다. 사용할 수 있습니까?

Notion에서 데이터베이스를 생성하여 모든 요소를 추적하고 다음과 같이 속성을 추가할 수 있습니다.

그리고 더해서

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

2️⃣ 2023년에 주목해야 할 대시보드 UI UX 디자인 트렌드 8가지

대시보드 UI/UX 디자인은 많은 웹 및 모바일 애플리케이션의 필수 구성 요소입니다. 모든 애플리케이션을 지원하는 핵심 백엔드이므로 사용자 친화적으로 만들면 모바일 및 웹 애플리케이션에도 도움이 됩니다. 2023년의 대시보드 UI/UX 디자인은 단순성, 개인화 및 사용자 제어를 우선시하는 동시에 최신 데이터 시각화 기술과 AI 및 기계 학습과 같은 새로운 기술을 통합합니다.

이전 대시보드 디자인

오래된 대시보드 설계는 많은 데이터가 한 페이지에 채워져 있기 때문에 더 복잡하고 복잡해지는 경향이 있었습니다. 사용자가 데이터를 쉽게 파악할 수 있도록 최소한의 시각적 계층 구조나 구성으로 텍스트가 많은 테이블과 차트를 자주 사용했습니다. 일반적으로 탐색을 위한 버튼이나 링크는 몇 개에 불과했으며 수정 또는 개인 설정을 위한 선택사항이 거의 또는 전혀 없는 경우가 많았습니다.

오래된 대시보드는 때때로 브랜딩이나 시각적 디자인이 부족했고 미학은 실용적이고 기능적인 경향이 있었습니다. 색상 팔레트는 종종 몇 가지 간단한 가능성으로 제한되었으며 전체 디자인은 아름다움보다 기능을 우선시했습니다.

일반적으로 최신 대시보드 디자인에서 볼 수 있는 사용자 경험 및 사용자 중심 디자인에 대한 강조는 이전 대시보드에는 없었습니다.

대시보드 디자인의 2023년 트렌드

1. 데이터 시각화 사용 증가:

데이터를 수집하고 분석하는 능력이 계속해서 향상됨에 따라 설계자는 데이터를 시각화하는 혁신적인 방법을 제시해야 합니다.  대시보드 디자인에는 더 많은 대화형 지도, 그래프 및 차트가 포함될 것입니다.

2. 미니멀리즘과 공백의 사용:

미니멀리즘과 공백은 명확하고 잘 구성된 사용자 인터페이스 생성에 기여할 수 있기 때문에 대시보드 디자인에서 계속 인기를 끌 것입니다.

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

3️⃣ Figma를 사용하여 더 나은 프레젠테이션을 만드는 방법

Figma를 사용하여 시각적 스토리텔러로서의 강점을 보여주기 위한 간단한 가이드

저는 프레젠테이션이 디자이너에게 얼마나 중요한지에 대해 많이 생각해왔습니다.

당신이 디자인을 시작할 때, 아무도 당신의 일이 얼마나 많은 일을 하고, 좋은 디자인을 옹호하고, 다른 분야의 사람들을 당신의 대의를 위해 집결시키려고 노력하는지에 대해 언급하지 않습니다. 그러나 당신의 경력이 발전함에 따라 그것은 점점 더 많은 경우가 되고 프레젠테이션은 그 과정의 핵심 부분을 구성합니다.

디자인이 번성할 수 있는 더 나은 기회를 만들기 위해 기술 회사의 고유한 정책을 수용하는 것에 대한 전체 게시물을 작성할 수 있지만 오늘은 프레젠테이션 구축 기술에 집중하고 싶습니다.

JupiterOne 팀에는 브랜드 디자인 팀에서 만든 Google 프레젠테이션용 공식 슬라이드 데크 템플릿이 있습니다. 하지만 가능한 경우 Figma를 사용하는 것을 선호합니다. Figma를 사용하면 더 시각적으로 표현할 수 있을 뿐만 아니라 메시지 구조를 더 명확하게 볼 수 있기 때문입니다.

디자이너로서 비주얼 스토리텔러로서의 강점을 보여줄 수 있어서 기분이 좋습니다. 따라서 제가 따르는 기본 지침을 공유함으로써 여러분도 해당 영역에서 더 많은 기회를 열 수 있기를 바랍니다.

파일당 하나의 프레젠테이션

첫 번째: 계정 수준 조직입니다.

프레젠테이션을 위해 특별히 Figma '프로젝트'를 별도로 보관하여 쉽게 찾을 수 있고 다른 프로덕트 중심 디자인 작업과 혼동하지 않도록 합니다.

또한 하나의 파일에 여러 페이지에 보관하면 오래된 프레젠테이션을 찾기가 어려워지기 때문에 파일당 하나의 프레젠테이션으로 제한을 설정했습니다. 파일 수준 분리는 이 문제를 해결합니다.

프로덕트 중심의 다른 디자인 결과물과 달리 프레젠테이션용 파일 축소판은 건너뜁니다. 상태를 추적하거나 특정 개발 프로젝트에 연결하려는 것이 아니므로 썸네일이 그다지 도움이 되지 않는다는 것을 알았습니다. 또한 프레젠테이션의 "모양"을 보는 것이 파일 축소판보다 프레젠테이션을 다른 프레젠테이션과 구분하는 데 도움이 되는 경우가 많습니다.

파일 페이지 구조

저는 프리젠테이션 파일에 세 페이지를 보관하는 경향이 있습니다.

맨 위 페이지에는 파일을 열 때 기본적으로 로드되도록 프레젠테이션 자체를 항상 보관합니다. 그것은 물론 저에게도 도움이 되지만 파일에 대한 링크를 공유할 때 다른 사람들이 종종 첫 페이지를 지나치지 않는다는 것을 알았기 때문에 더 중요합니다. 따라서 그 자리에 핵심 프레젠테이션을 유지하면 혼란이 줄어듭니다.

두 번째 페이지에는 다시 보고 싶은 추가 슬라이드를 보관합니다. 최종 결정을 내리지 못한 본격적인 아이디어인 경우가 많습니다.

마지막으로, 아마 다시 돌아오지 않을 "보관된" 아이디어에 대한 세 번째 페이지를 보관합니다. 여기에는 임의의 탐색, 실제로 작동하지 않는 아이디어 등이 포함됩니다. 저는 아이디어를 버리지 않지만 확실히 보관하기 위해 보관합니다!

슬라이드 변형

섹션 제목, 하위 섹션 제목 & 표준 슬라이드의 세 가지 핵심 슬라이드 변형을 유지합니다.

이 세 가지 변형은 프레젠테이션의 새로운 주제 영역에 들어갈 때 시각적으로 구분할 수 있도록 다르게 스타일이 지정됩니다. 나에게 섹션 제목은 대담하고 어두운 JupiterOne Navy를 사용하고 하위 섹션 제목은 밝은 JupiterOne 녹색을 사용하며 표준 슬라이드는 단순하고 평평한 흰색을 사용합니다.

Figma Helpers 라이브러리에 이러한 슬라이드의 구성 요소 버전을 보관하지만 빠르게 시작하기 위한 기반으로만 구성 요소를 사용합니다. 래핑 구성 요소 인스턴스를 어지럽히지 않고 해당 프레임에 콘텐츠를 직접 드롭하고 싶기 때문에 프리젠테이션 파일에서 즉시 분리합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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