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

🔖 2023년 10월 4주 TOP3

1️⃣ 2023년에 꼭 읽어야 할 10가지 혁신적인 책

2️⃣ Shopify Polaris의 개선

3️⃣ UI/UX 디자인에서 프로토타이핑의 힘

1️⃣ 2023년에 꼭 읽어야 할 10가지 혁신적인 책

사용자가 도망치고 싶어하는 인터페이스를 디자인하는 것에 지친 상태인가요? 사용자들이 "와!"라고 말하는 직관적이고 사용자 친화적인 경험을 만들 수 있는 방법을 배우고 싶나요? 그렇다면 이 UI/UX 분야를 위해 초보자와 전문가를 위해 선별한 최고의 10가지 UI/UX 책을 꼭 읽어보세요.

1. "Don’t Make Me Think" - 스티브 크루그

이 클래식한 책은 UI/UX 디자인에 관여하는 모든 사람에게 꼭 읽어야 합니다. 왜냐하면 이 책은 사용자가 어떻게 사용해야 할지 생각할 필요조차 없는 직관적인 인터페이스를 만드는 방법을 가르쳐줍니다. 게다가 저자는 유머 감각이 풍부해서 배우면서도 웃을 수 있을 겁니다.

2. "The Design of Everyday Things" - 돈 노만

당신이 당겨야 할 때 밀어야 하는 문이 당신의 잘못이 아니라는 사실을 알고 계셨나요? 그것은 나쁜 디자인입니다. 돈 노만의 책은 당신이 본 적이 없는 사람들을 위해 쉽게 사용할 수 있는 인터페이스를 디자인하는 방법을 가르쳐줍니다.

3. "Designing Interfaces" - 제니퍼 티드웰

기능적인 측면뿐만 아니라 아름답게도 디자인하고 싶다면 이 책은 당신에게 보여줄 것입니다. 이 책은 사용 가능하면서도 미학적으로 매력적인 인터페이스를 만드는 방법을 알려줍니다.

4. "Seductive Interaction Design" - 스티븐 앤더슨

이 책은 사용하기 쉬울 뿐 아니라 재미있는 인터페이스를 디자인하는 방법을 가르쳐줍니다. 사용자들이 반복해서 찾게 되는 경험을 만드는 것에 대한 내용입니다.

5. "About Face 3: The Essentials of Interaction Design" - 앨런 쿠퍼

이 책은 사용자 연구부터 프로토타이핑, 사용성 테스트까지 상호작용 디자인에 관한 종합적인 가이드입니다. UI/UX 전문가가 되고 싶다면 이 책을 놓칠 수 없습니다.

6. "Mobile Design Pattern Gallery" - 테레사 닐

모바일 기기는 고유한 디자인적 도전 과제가 있으며, 이 책은 그 도전을 극복하는 방법을 가르쳐줍니다. 여러분의 작업에 활용할 수 있는 모바일 디자인 패턴의 실용적인 팁과 예제로 가득 차 있습니다.

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

2️⃣ Shopify Polaris의 개선

이 글은 Shopify의 대규모 디자인 시스템인 Polaris가 진화하는 과정에 대한 이야기입니다. 몇 년 동안 Polaris의 디자인 언어는 상당히 변화하지 않았습니다. 초기의 유행했던 플랫 디자인 트렌드에 큰 영향을 받았으며, 2020년에는 새로운 색상과 일러스트로 약간의 업데이트가 있었지만 핵심 디자인 철학은 거의 변화하지 않았습니다.

플랫 디자인이 2010년대 초반에 주류가 되기 전에는 소프트웨어가 더 다차원적이었고 실제 세계를 모방하려고 노력했습니다. 그 후 새로운 최소주의가 더 깔끔한 인터페이스를 유도하여 사물을 이해하기 쉽게 만들었고 경험을 더 효율적으로 느끼게 했습니다. 이것은 환상적이었습니다. Shopify이 제품에서 복잡성을 제거할 때마다 상인의 성공이 증가했습니다. 플랫 디자인은 확실히 그 역할을 했습니다.

최소주의는 상인들이 관리자 환경을 "지루하고", "우울하며", "단조로움"으로 분류하기 시작할 때 그 진행이 멈추게 되었습니다. Polaris는 이 무생물적인 느낌을 표준화하는 데 도움이 되었는데, 일상적으로 상인들이 수행해야 하는 작업에 최적화되지 않았습니다.

Shopify의 관리자 환경은 단순히 웹사이트가 아니라 전문 도구입니다. 그러므로 그렇게 느껴져야 합니다. 하지만 그 안에는 정말한 느낌이 담겨져 있어야 합니다. 그래서 우리는 그렇게 만들기 위해 노력했습니다

출발점

이러한 깨달음을 토대로 작년 말, 동료 디자이너인 Thomas Jonkajtys와 함께 Polaris의 디자인 언어를 개선하는 미션을 수행하게 되었습니다. 초기 브리핑은 꽤 간단했습니다. 관리자 환경을 더 "전문적인 도구"처럼 느끼게 하려고 했습니다.

그게 실제로 무엇을 의미하냐면 몇 가지 다른 점들이 있습니다:

최종적으로, 우리의 디자인 언어는 제품이 상업적 맥락에서 더 효과적이고 일관성 있게 느껴지면서 미적으로 만족스럽고 기쁨의 순간을 만들 수 있도록 해야 했습니다.

말하자면, 지금 이 과정에서 이것은 단순한 말뿐입니다. 디자인은 시각적인 표현이 필요하므로 우리는 우리가 목표로 하는 디자인 언어와 관련된 제품에서 영감을 모으기 시작했습니다. 그 중 대부분은 실제 물리적 제품이었고 소프트웨어가 아니었습니다. 우리는 어떤 디지털 트렌드도 따르고 싶지 않았습니다. 상인의 세계는 화면 이상이기 때문입니다.

시각 디자인 방향을 정의하기 위해 "이것"과 "이것이 아님" 두 가지 클러스터를 생성했습니다. 이 단계에서 우리의 디자인 언어가 전달해야 할 내용과 피해야 할 내용을 포착하는 것이 중요합니다. 이는 우리의 옵션을 좁히고 언어를 지향, 피벗 및 조정할 범위를 정의하는 데 도움이 됩니다.

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

3️⃣ UI/UX 디자인에서 프로토타이핑의 힘

사용자 인터페이스(UI) 및 사용자 경험(UX)

디자인은 사용자와 공감하는 디지털 제품을 만드는 데 중요해졌습니다. UI/UX 디자이너 도구 중 가장 효과적인 것 중 하나는 프로토타이핑입니다. 프로토타이핑은 정적인 모형을 넘어서 디자이너가 디자인의 대화식이고 동적인 표현을 만들 수 있게 해줍니다. 이 기사에서는 UI/UX 디자인에서 프로토타이핑의 힘을 탐구하고, 디자인 프로세스를 혁신하는 방법을 이해해보겠습니다.

디자인 프로토타이핑의 진화

프로토타이핑은 단순한 종이 스케치에서 최종 제품의 거의 실제 경험을 제공하는 정교한 디지털 시뮬레이션으로 진화했습니다. 이는 디자인과 기능 사이의 격차를 줄여주며, 개발자, 디자이너, 이해 관계자들이 코드 한 줄을 작성하기 전에 제품을 시각화하고 상호 작용할 수 있게 합니다.

UI/UX 디자인에서 프로토타이핑의 장점

통신 및 협업 강화 프로토타이핑은 디자이너, 개발자 및 클라이언트 간의 효과적인 소통을 촉진합니다. 이는 토론을 위한 구체적인 참조 지점을 제공하여 디자인 아이디어, 상호 작용 및 사용자 플로우를 전달하기 쉽게 만듭니다. 협업 프로토타이핑 도구는 원격 설정에서도 팀 멤버들이 원활하게 협업할 수 있도록 지원합니다.

디자인 결함 초기에 식별

프로토타입은 개발 초기 단계에서 디자인 결함과 사용성 문제를 발견합니다. 이러한 초기 식별은 나중의 개발 단계에서 문제를 해결하는 데 들어갈 시간, 노력 및 자원을 절약합니다.

사용자를 통한 디자인 개념 검증

대화식 프로토타입을 사용하면 디자이너들은 실제 사용자와 함께 개념을 검증할 수 있습니다. 사용자가 프로토타입과 상호 작용하는 방식을 관찰함으로써 디자이너들은 사용자 선호도와 고충점에 대한 유용한 통찰을 얻을 수 있으며, 반복적인 디자인 개선을 조언합니다.

단계별 프로토타이핑 프로세스

프로토타이핑 프로세스는 다음과 같은 주요 단계를 포함합니다:

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

💭 단톡방 가입문의  (1,900명)

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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