🧭 UIUX, HCI, Accesibility

UIUX, HCI, Accessibility Design system Design story
Graphic, Branding Interaction, Motion Resource


📄 UIUX HCI accessibility

Google 인터랙션 디자인 과제

사용자의 수고를 덜어주는 검색 UX

UX 디자인 개선을 통한 본질적인 그로스 해킹 프로세스

다룰 수 있다는 것의 가치, 컨트롤 UX

UI디자인을 위한 UX원칙 5가지

관찰을 통해 발견한 직관적인 디자인

인터페이스 디자인에 적용된 황금비율

엄지를 고려해 디자인하기[번역]

UX 디자이너들의 필수 용어 사전: Affinity Diagram (어피니티 다이어그램)

기업의 UX 성숙도 1~4단계: 우리는 어느 단계일까?

I’ve Consulted Over 150 Mobile Sites — Here’s What I Know About Effective UX

5년차 UXUI 디자이너가 경험한 대기업, 그리고 스타트업

Netflix design patterns and flows

Apple Human Interface Guidelines 번역

Forging a New Path for Disabled Design: An Interview with Liz Jackson

블록체인 UX의 7대 죄악

Icons8 UX: Web App Redesign for the Sake of Usability

Snapchat: a UX case study

랜딩 페이지, 심리적 접근으로 설계하다.

UX디자인 케이스 스터디 하는 방법

Unboxing Chrome

The Comprehensive 8pt Grid Guide

2018년의 UX세미나 후기 모음

Top 10 UX Articles of 2019

Fundamentals of Hierarchy in Interface Design (UI)

개발자도 알면 좋은 UI 디자인

기획자, 디자이너, 퍼블리셔의 경계를 허무는 물건, 피그마(Figma)

시각적 위계를 활용한 경험 설계

UX Week 2012 | Peter Merholz | UX is Strategy; Not Design

일관된 UI를 더 빠르게 구축하기 위해 UI 구성 요소를 공유 (Sharing UI Components to Build Consistent UIs faster)

SPA에서의 접근성에 대해 배운 것들

Ultimate resource list for mobile design

The Definitive Guide to Building Apps for Kids

‘UX리서치 그리고 UX리서처’ with 디자인 테이블

KBS의 웹 접근성 준수 방법론

Information architecture: Definition, tips, and best practices

과연 UX/UI는 진짜로 사라질까?

UX가 궁금한 개발자에게 보내는 편지

The State of UX in 2020

The Evolution of UX Process Methodology

Creating a color algorithm with accessibility in mind

#07 UX/UI 디자인 가이드 모음집 - 기본편

#08 UX/UI 디자인 가이드 모음집 - 심화편

UI버튼의 둥근 모서리에 대한 이해

What’s the next UI design trend?

드롭다운의 문제점

키오스크 UI 설계 시 고려할 것들

20+ UI Design Concepts for Education on Web and Mobile

모바일 UI UX 기본가이드

The iOS 13 Design Guidelines: An Illustrated Guide

접근성 관련 자료

└ 🔗

카드사 앱 UX 분석 (2018)

Figma 피그마 관련 자료

└ 🔗

앱스토어 반려 사유들

Windows95 UI

스케치와 버튼

버튼 UI 변천사

보험 서비스 디자인 사례

PickMe — perfecting the pickup experience ~ UX/UI Case Study

Dark Mode vs. Light Mode: Which Is Better?

Wireframe Examples for Websites and Mobile Apps

데이터 기반 UI/UX 디자인은?

아킬레 카스틸리오니의 디자인 관찰과 접근

UX 아카데미 오픈프로젝트 [호갱노노 - UX/UI 개선]

멜론 피드 개선 디자인 이야기

상품 상세페이지 디자인 개선해 성과내기

도서 상세 개선하기

인터페이스 디자인에 적용된 황금비율

게이미피케이션과 인터페이스

텍스트 크기를 높이대신 각도로 권장하는 이유

└ 📝
  • This picture illustrates why it is a good idea to give recommendations for text size as an angle instead of height. The farther away the text is, the larger it has to be to be legible. The viewing angle is the height in relation to the viewing distance.

시계 다이얼 속 시각언어

세상은 넓고 디자인 프로세스도 많다.

UI를 위한 레이아웃

└ 📝

게슈탈트 이론, 근접성, 유사성, 연속성, 폐쇄성, 공동요소, 전경, 배경, 공동 영역, 스크린, 공간, 단위, 그리드, 패턴, 스크린 사이즈, 고정영역, 가변영역, 밀도, 구조, 네비게이션

UX팀이 사용자 인터뷰를 준비하는 과정

└ 📝

킥오프미팅, 데스크리서치, 임직원 인터뷰, 사용자인터뷰 대상자 분류, 질문지 작성, 대상자 섭외

UI에서 날짜, 시간 표기는 어떻게 하는게 좋을까?

레진 웹 접근성 가이드라인

웹사이트 피드백 10가지 실용사례

UX 아카데미 오픈프로젝트 [Megabox- UX/UI 개선]

스포티파이 UX

세상은 넓고 디자인 프로세스도 많다.

어린이용 교육 앱 UX/UI디자인 시 주의할 점 5가지

Zendesk의 디자인 프로세스

UI 텍스트 가이드라인 제작기

상품 결제를 원활하게 만드는 UX디자인

사용자 인터뷰는 어떻게 준비해야 하나요?

UI/UX 초심자를 위한 웹 그리드시스템 훑어보기

UI를 위한 컴포넌트

UI를 위한 레이아웃

[독후감] 마이크로카피: UX 디자이너의 글쓰기

모바일 UX 라이팅, ‘예’ ‘아니요’ 버튼을 쓰면 안 되는 이유

17+ Web Design Resources You’d Actually Want to Use (& Bookmark)

상황에 맞는 로딩 애니메이션 적용하기

10 Distinctive Features of Japanese-Style Web Design

구글의 HEART 프레임 워크로 UX 향상하기

화면 정의와 기능 정의 3부, 유용한 상세 가이드 꿀팁

HCI, Interaction, UX

UX디자이너가 만나는 사람들

© 2021 blog