23’ 10월 3주 🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 10월 3주 TOP3

1️⃣ Type 디자이너의 마음을 엿보다

2️⃣ UX에서 Growth Design으로 : 가치를 배로 늘리는 5가지 원칙

3️⃣ 로딩 및 진행 표시기 - UI 컴포넌트 시리즈

1️⃣ 타입 디자이너의 마음을 엿보다

Type 디자이너가 되어서

어릴 때, 나는 8학년 때 첫 컴퓨터인 맥 플러스를 가질 때 처음으로 타이포그래피에 관심을 갖게 되었습니다. 하이퍼카드와 알더스 페이지메이커에서 상호 작용하는 슬라이드 쇼와 뉴스레터를 만들면서 많은 즐거운 시간을 보냈습니다. 저는 Adobe Font & Function 잡지를 열심히 살펴보며 Myriad의 첫 번째 버전을 얻기 위해 부모님에게 호소하기도 했습니다. Myriad는 다중 마스터 폰트로 여러 3.5인치 디스켓에 포함된 폰트였습니다. 한 폰트로 디자인에 필요한 어느 무게나 너비를 선택할 수 있는 것이 정말 멋있었는데요 — 그것이 미래였습니다!

심지어 제처럼 어린 시절에 Fontographer의 초기 버전을 가지고 있었지만, 다행스럽게도 청소년 시절에 만든 끔찍한 폰트는 지금은 없어졌습니다. 다양한 유형의 디자인에서의 경력을 보낸 후 — 모션 그래픽, 제품 디자인, 웹 디자인, 브랜딩 및 전시 디자인 — 나는 타입 디자인에 도전해 보기로 결정했습니다. 2017년에는 Type@Cooper West Extended 프로그램 (현재는 Type West)에 참여하였고, 타입 디자인 이론, 역사 및 실무의 모든 면을 배우는 데 1년 동안 시간을 보냈습니다.

타입 학교에 지원하기로 결정했을 때, 화면에서 점을 이동하는 것이 지루해질 것 같고, 나를 사랑하는 이 타입도 지루해질 것 같았습니다. 다행히도 나에게는 타입 디자인을 디자인하는 행위가 정말로 재미있는 행위였습니다. 디자인하는 동안 정말 재미있었습니다. 그것은 당신이 더 많이 돌아오고 싶게 만드는 것입니다. 저는 2020년에 팬데믹이 발생하면서 타입 디자인을 내려놓았고, 올해 초에 폰트 디자인 소프트웨어를 다시 열 때 (Glyphs를 사용합니다), 타입 디자인에 빠져들면서 얼마나 평온하고 명상적인지 느낄 수 있었습니다. 강력히 추천합니다.

Peasy 제작: 원래 영감

이번 달에는 첫 번째 타입페이스 Peasy를 출시했습니다. 희망찬 첫 번째입니다. 이것은 Peasy라고 불리며, 장문 텍스트를 설정하는 데 잘 작동하는 저대비 휴머니스트 산세리프 타입 패밀리입니다. Peasy는 타입 프로그램에서의 내 논문 프로젝트이며, 솔직히 이름이 먼저 생각나게 됐습니다.

이 프로젝트는 몇 가지 원래 영감으로 시작되었습니다. 하나는 "쉬운" 것을 만드는 것이었습니다 — 깨끗하고 평온하며 나도 사용하고 싶은 폰트. 다른 하나는 모듈러 다중 색상 타입의 개념이었습니다. 여기서 스텐실 및 다중 스트로크 인라인 스타일에 대한 아이디어를 탐구했습니다.

내가 그린 일부 그림은 다중 라인 디스플레이 스타일을 지원하는 스켈레톤으로 사용될 수 있는 넓은 기본 형태를 요청했습니다. 이로 인해 휴머니스트 모양과 각도, 노치 모양, 문자의 얇고 두꺼운 부분 간의 낮은 대조가 나타났습니다. 다중 라인의 꼬리 모양은 넓은 펜의 기울어진 스트로크와 닮았으며, 각진 모서리 디테일에 적합했습니다.

편집자의 참고: 이 내용은 저작권 보호를 받는 소스로부터 참조되었으며, 정보의 일부 또는 전체가 생략될 수 있습니다. 원본 내용을 보시려면 링크가 제공되어 있는 경우 해당 출처로 이동하시기 바랍니다.

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

2️⃣ UX에서 Growth Design으로:가치를 배로 늘리는 5가지 원칙

여러분의 프로덕트 및 디자인 역량을 강화하기 위해 성장 디자인의 진화와 그로부터 얻을 수 있는 것들을 살펴보겠습니다.

우리 중 많은 사람들이 당신처럼 전통적인 "UX 디자이너"로서의 경력을 시작했을 것입니다. 이 분야는 여전히 강력한데, 그러나 디자이너들은 더 큰 책임을 지는 프로덕트 디자인으로 진화해왔습니다. 오늘날의 세계에서 디자이너들은 고객을 행복하게 만드는 것뿐만 아니라 불확실한 경제 상황에서 비즈니스 성장을 돕는 스마트하고 정보화된 결정을 내려야 합니다.

이 새로운 풍경을 탐험하는 데 도움을 드리기 위해, 나는 성장 디자인 분야를 새롭게 살펴보았습니다. 이 글에서는 그 가치를 확장하고, 그 진화를 탐구하며, 5가지 원칙과 이에 따른 실질적인 조언을 제시할 것입니다. 이러한 전략을 적용함으로써 디자이너로서의 가치를 배로 늘리고 비즈니스를 번영시킬 수 있습니다.

오늘날의 성장 디자이너는 누구일까요?

성장 디자인은 그 이름처럼 새로운 것은 아닙니다. 나는 2018년 렉스 로만과의 대화를 기억합니다. 그녀의 기본적인 글에서 성장 디자이너가 누구인지 파헤쳐냈던 기사를 발견했었습니다. 기본적인 정의는 여전히 동일합니다:

성장 디자이너는 전체 스택 프로덕트 디자이너로서, 사용자의 필요를 비즈니스 목표에 연결하고, 가정을 검증하며, 비즈니스 지표에 영향을 미칠 수 있는 능력을 가지고 있습니다.

이 정의를 오늘날 다시 살펴보면, 10배 엔지니어링 개념에서 영감을 얻어 디자인에 적용해보기로 했습니다. 성장 디자이너는 최소한 5배 디자이너로, [1] 프로덕트 디자인 + [2] 데이터 분석 + [3] 사용자 경험 연구 + [4] 영향 우선 순위 결정 + [5] 실행과 반복 속도 같은 강력한 스킬을 결합하고 있습니다. 만약 이러한 조합이 한 명의 디자이너에게서 발견된다면, 어떤 비즈니스에게든 필수적인 "팀 중 한 명"이 될 수 있을 것입니다.

2015년과 프로덕트 중심 성장의 등장 이후로, 슬랙, 드롭박스, 인비전, 핀터레스트, 인터콤 등의 회사에서 이 분야가 인기를 얻었습니다. 이러한 회사들은 성장 팀을 구축하고 새로운 비즈니스 모델, 바이럴성, 프로덕트에 대한 참여를 실험하며, 주된 목표로 프로덕트에 사용자를 묶어 더 큰 수익을 창출하려고 했습니다.

나는 2017년에 Miro에 첫 번째 성장 프로덕트 디자이너로 합류했습니다. 나는 이 역할에서 획득, 활성화, 참여, 수익화, 커뮤니티 중심 성장을 위한 개별 기여자로서 디자인을 담당했습니다. 여러 해 동안 수백 번의 실험을 통해 많은 교훈을 얻을 수 있었고, 회사 내에서 인재를 고용하고 성장시키는 기회도 가졌습니다. 오늘날 나는 Miro에서 전체 자체 서비스 비즈니스를 지원하는 10명의 성장 디자이너로 이끄는 다기능 팀을 리드하고 있습니다.

이 글에서는 디자이너들이 자신의 기술과 시장성을 강화하는 데 도움이 될 수 있는 5가지 원칙을 공유하겠습니다. 새로운 직장을 찾고 있거나 현재 직장을 더 의미 있는 경험으로 변화시키려는 경우, 이러한 전술들은 여러분이 일상 활동에서 즐거움을 찾을 수 있도록 도와주며 역할에서 실질적인 영향을 미칠 수 있게 해줄 것입니다. .

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

3️⃣ 로딩 및 진행 표시기 - UI 컴포넌트 시리즈

사용자들을 참여시키고 대기 경험을 향상시키기 위한 간단한 권장 사항들입니다.

로딩 및 진행 표시기는 대기 기간 동안 사용자에게 정보를 제공하고 참여감을 높이는 UX/UI 디자인의 필수 요소입니다. 웹페이지 로딩, 거래 처리, 콘텐츠 다운로드 등에서 잘 디자인된 표시기는 사용자 경험을 크게 향상시킬 수 있습니다.

Jakob Nielsen의 열 가지 휴리스틱 중 시스템 상태의 가시성이 가장 중요한 원칙으로 우선합니다.

현재 상태를 전달함으로써 사용자는 시스템을 통제하고 목표에 도달하기 위해 적절한 조치를 취하며, 궁극적으로 브랜드를 신뢰할 수 있게 됩니다.

주요 초점은 시스템의 속도와 응답성을 개선하는 데 있어야 하지만, 그게 불가능한 경우 올바른 사용자 경험을 디자인하는 것이 중요해집니다. 이 글에서는 로딩 및 진행 표시기의 중요성, 대기 심리, 효과적이고 사용자 친화적인 디자인을 위한 모범 사례에 대해 알아보겠습니다.

불확정 표시기와 결정적 표시기의 차이를 이해하는 것은 다양한 시나리오에 적합한 유형을 선택하는 데 중요합니다.

불확정 표시기 - 시간이 지정되지 않은 양을 표현합니다. 프로세스의 기간이나 진행 상황이 알려지지 않거나 가변적인 경우 불확정 표시기를 사용합니다. 이는 시스템이 작동 중이며 지연을 오류나 실패로 인식하지 않도록 사용자에게 안심감을 제공합니다.

결정적 표시기 - 프로세스가 얼마나 걸리고 진행되었는지 표시합니다. 기간이나 진행 상황을 측정하거나 추정할 수 있는 경우 결정적 표시기를 활용합니다. 이는 완료된 작업이나 남은 작업을 시각적으로 표현하여 사용자가 진행 상황을 평가하고 기대를 관리할 수 있게 합니다.

주요 유형과 변형

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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