본문 바로가기

UIUX 디자인 (KO)21

스켈레톤 UI란? | 스켈레톤 UI의 정의와 중요성 사용시 주의사항 요즘 웹이나 앱에서 자주 보이는 디자인 요소 중 하나가 바로 "스켈레톤 UI"입니다. 특히 로딩 중인 화면에서 콘텐츠가 비어 있는 대신 회색의 박스나 줄무늬 애니메이션이 반복되는 형태로 나타나는 UI를 본 적 있으신가요? 이처럼 사용자에게 실제 콘텐츠가 준비되고 있다는 신호를 시각적으로 전달해주는 방식이 바로 스켈레톤 UI입니다.스켈레톤 UI란 무엇인가요?스켈레톤(Skeleton) UI는 콘텐츠가 완전히 로딩되지 않았을 때 임시로 보여주는 뼈대 형태의 사용자 인터페이스입니다. 기존에는 로딩 스피너(로딩 중임을 알려주는 원형 회전 아이콘)를 주로 사용했지만, 이는 사용자에게 단순히 기다리라는 의미만 전달할 뿐 어떤 콘텐츠가 나올지 예측하기 어렵다는 단점이 있었습니다. 반면 스켈레톤 UI는 콘텐츠의 구조를 .. 2025. 6. 9.
2025년 피그마 신기능 총정리: 디자인에서 마케팅까지 원스톱 플랫폼의 등장 한국 시장을 주목하는 피그마의 본격적인 움직임2025년 5월 디자인 업계에 중요한 소식이 전해졌습니다. 글로벌 디자인 플랫폼 피그마(Figma)가 한국어 지원 베타 업데이트를 기념해 서울에서 기자 간담회와 메이커 콜렉티브 행사를 개최한 것입니다. 특히 CPO(Chief Product Officer) 유키 야마시타가 직접 방한하여 피그마의 새로운 비전을 소개했다는 점에서 한국 시장에 대한 피그마의 진지한 관심을 엿볼 수 있었습니다.피그마가 공개한 한국 시장 데이터는 상당히 인상적입니다. 한국에서만 하루 평균 7만 5천 개 이상의 디자인 파일이 생성되고 있으며, 현재까지 총 400만 개 이상의 디자인 파일이 만들어졌다고 합니다. 이는 한국 디자이너들의 활발한 활동을 보여주는 동시에, 디지털 디자인 시장의 급.. 2025. 6. 3.
사용자 경험 여정이란 무엇인가: UX 디자이너를 위한 심층 해설 (사용자 경험 여정의 중요성, 구성요소, Template link 포함) 들어가며디지털 서비스가 넘쳐나는 시대, 사용자의 마음을 사로잡는 것은 결코 쉬운 일이 아닙니다. 왜 어떤 앱은 설치 후 바로 삭제되고, 어떤 서비스는 매일 찾게 될까요? 그 답은 바로 '사용자 경험 여정(User Journey)'에 있습니다. 사용자 경험 여정은 단순한 분석 도구를 넘어, 사용자의 진짜 니즈를 발견하고 서비스를 혁신하는 강력한 무기입니다. 오늘은 UX 디자이너와 서비스 기획자라면 반드시 알아야 할 사용자 경험 여정에 대해 자세히 알아보겠습니다.사용자 경험 여정(User Journey)이란?사용자 경험 여정은 사용자가 특정 목표를 달성하기 위해 서비스와 상호작용하는 전체 과정을 시간 순서대로 시각화한 지도입니다. 단순히 '클릭-이동-구매'와 같은 표면적인 행동만 추적하는 것이 아니라, 각 .. 2025. 6. 1.
PMBOK 7판 핵심 완전 정복: 프로젝트 관리의 12가지 원칙 심화 분석 현재 저는 pmp 자격증을 준비중인데요. 공부겸 필요한 원칙들에 대해서 작성해보려고 합니다.프로젝트 관리 전문가라면 반드시 알아야 할 PMBOK 7판의 혁신적 변화, 바로 프로젝트 관리의 12가지 원칙입니다. 기존의 프로세스 중심 접근법에서 원칙 기반 관리로 패러다임이 전환되면서, 실무 현장에서의 적용 방식도 크게 달라졌습니다.오늘은 PMP 자격증 취득을 준비하는 분들과 현업에서 프로젝트를 이끄는 PM들을 위해, 각 원칙의 본질적 의미와 실무 적용 노하우, 그리고 놓치기 쉬운 함정들까지 상세히 분석해보겠습니다.🎯 원칙 1: 성실하고 존경할 만하며 배려심 있는 관리자 되기핵심 개념프로젝트 관리자는 단순한 업무 조율자가 아닌, 조직의 가치와 윤리를 구현하는 핵심 역할을 담당합니다. 이는 모든 의사결정과 행.. 2025. 5. 28.
UIUX 디자인 방법론 : 사용성 평가의 방법과 종류별 특징 (일반 사용성 평가, 전문가평가) 사용성 평가란?사용성 평가는 서비스 디자인과정에서 산출된 프로토타입을 평가할 때 주로 사용되는 방법입니다. 주로 사용성 평가를 할 때는 실제 사용자에게 사용상황과 과업을 부여하고 수행하는 방법을 관찰하거나 사용자들이 수행하는 과정중에서 느낀 불편함 등의 의견을 들으면서 개선점을 찾습니다.사용성 평가 방식탐구형 : 주로 Lo-fi 프로토타입을 사용하여 사용자들이 어떻게 프로토타입을 사용하는지 관찰하는 방식평가형 : Mid / Hi-fi 프로토타입을 제작하여 서비스 출시전에 앱이나 웹사이트의 효율성을 평가하는 방식비교형 : 여러개의 시안, 대안 중에서 하나를 선택할 때 사용되는 방식게릴라 테스트 : 프로토타입을 특정 구간에 설치한 후 지나가는 무작위의 사람들에게서 평가를 받는 방식사용성 평가 종류별 특징 (.. 2024. 10. 24.
디자인 프로토타입(Prototype)이란 무엇인가? 유형과 특성 및 목적 알아보기 프로토타입이란?프로토타입이란 최종 제품이나 서비스를 출시하기 전에 서비스의 실행 가능성 등을 테스트할 수 있는 방법으로 사용 경험을 미리 이해하고, 분석하고, 소통하기 위한 평가 도구입니다. 보통 최종 제품 출시 전에 서비스의 특징을 재현하여 평가하고 수정하는 것을 한 사이클로 하여,  이 사이클을 반복적으로 수행하면서 사용성을 검증하고 개선합니다.프로토타입의 목적일반적으로 프로토타이핑을 수행하는 목적은 다음과 같이 크게 3가지가 있습니다.1. 아이디어 생성 : 여러 아이디어를 프로토타이핑해 보면서 새로운 아이디어를 생성하거나 문제를 해결하는 대안을 모색할 수 있다.2. 의사소통 :  프로토타이핑을 활용하면 개발자, 현업자, 디자이너와 의견을 주고받으면서 공유하는 게 훨씬 도움이 됩니다.3. 평가 : 프.. 2024. 10. 21.
UIUX 디자인 : 디자인 작업에 활용하기 좋은 디자인 원칙 3가지 UIUX 디자인은 미적인 완성도도 중요하지만 그보다 중요한 부분이 사용성입니다. 사용성이라는 측면이 어떻게 보면 되게 모호할 수 있기 때문에 디자인 원칙을 세워서 작업을 하면 확실히 도움이 되는 부분이 있습니다. 그래서 오늘은 실제 디자인 작업 시 활용하기 좋은 UX/UI 디자인 원칙에 대해서 소개하려고 합니다.작업할 때 습관적으로 또는 느낌적으로 진행하던 부분을 명확하게 개념으로 정리해서 디자인 원칙을 세워 작업을 하다 보면, 자신의 디자인에 대한 근거도 더 명확해질 수 있습니다. 특히 UI/UX 분야에 막 관심을 갖기 시작했거나 이제 막 디자인을 시작하는 주니어 디자이너분들이 디자인을 할 때 참고하기 좋은 개념 같습니다.1. 일관성의 원리일관성의 원리는 UIUX 디자인 분야에서 가장 일반적으로 적용되.. 2024. 7. 7.
UIUX 디자인 컴포넌트 : 스낵바, 팝업, 바텀시트 모달 알림 종류별 특성 및 상황별 선택 가이드 UI화면을 구성하다 보면 사용자 행동에 대한 알림을 줘야 하는 케이스들이 발생합니다. 이럴 때 사용하는 UI가 바로 스낵바, 팝업, 바텀시트 등의 모달 UI입니다. 정해진 답이 있는 것은 아니지만, 현업에서 실제 사용하다 보면 상황별로 더 사용하면 좋은 모달 UI가 있습니다. 오늘 포스팅에서는 각 모달 UI를 사용할 때 판단기준과 사용 시 주의할 점에 대해서 알아보겠습니다.모달 UI란?모달(Modal) UI는 사용자의 행동에 대한 알림을 주는 UI로 사용자의 이목을 끌기 위해서 사용하는 화면 기법 중 하나입니다. 즉, 사용자의 이목을 끌어 해당 UI를 보게 하고 사용자의 액션을 유도하는 UI라고 할 수 있습니다. 주로 Task 수행 중에 사용자의 결정에 의해서 삭제, 동의, 결제 등이 이루어질 때 많이 .. 2024. 5. 23.
UIUX 디자인 기본 : 아토믹 디자인 시스템이란? UIUX 디자인을 하면 기본적으로 가장 많이 듣게 되는 용어가 UI화면의 기본 요소인 component입니다. 이러한 component를 만들 때 유용하게 참고할 수 있는 게 아토믹 디자인 시스템입니다. 오늘은 이러한 아토믹 디자인 시스템이 무엇인지 그리고 어떻게 사용할 수 있는지에 대해서 확인해 보도록 하겠습니다.토믹 디자인 시스템이란아토믹 디자인 시스템은 화면을 이루는 요소들을 작게 쪼개서 구분하고 필요시에 조합을 해서 사용할 수 있도록 하는 디자인 방법론입니다. UI를 레고 조각처럼 각각의 조각들로 만들고 조립해서 하나의 완성품을 만드는 것이라고 이해하시면 됩니다. 이렇게 설명하면 대부분 아토믹 디자인 시스템이 작은 단위부터 큰 페이지로 가는 선형 프로세스라고 생각하시는 분들이 많은데요 아토믹 시스.. 2024. 4. 28.

티스토리툴바