글 키워드
UI
더보기
글 목록
-
'스티키 UI' 스크롤 속에서 빛나는 끈적한 경험UX의 언어들 스마트폰 사용자라면 누구나 경험해봤을 법한 순간이 있습니다. 바로 SNS에서 콘텐츠를 보다가 정신 차려보니 어느새 한참을 스크롤링하고 있었던 그 순간 말이죠. 틱톡이나 인스타그램만 켜면 시간 가는 줄 모르고 빠져드는 마법, 그 비결의 상당 부분은 바로 '스티키 UI' 덕분입니다. 스티키 UI(Sticky UI)란 스크롤해도 계속 화면에 달라붙어 있는댓글 0 Mar 26. 2025 by 심플리파이어 한성희
-
비개발자를 위한 Cursor-figma-MCP 사용법기다리던 Figma MCP가 등장했는데....이거 어떻게 해요 Cursor-talk-to-Figma-MCP가 등장했다. 사용 좀 해보려고 하는데 깃허브 링크가 나오고, 깃허브에 나와있는대로 어떻게든 설치를 했는데 자꾸 오류가 뜬다. 튜토리얼에서는 플러그인 연결까지는 나오는데, 클릭해도 프레임 생성이 안되는 문제, 플러그인 설치가 안되는 문제, 채널 연결이 안되는 문제 등 여러 댓글을 확인해보니, 이 플러그인을 사용해보댓글 1 Mar 24. 2025 by Zito
-
리스트 요소 싹 다 파헤치기리스트의 사용방법과 좋은 사례 리스트의 구성 리스트(List)는 유사한 구조의 항목들을 세로로 나열하여 정보를 효율적으로 제공하는 컴포넌트입니다. 리스트는 텍스트, 아이콘을 비롯하여 다음과 같이 다양한 요소로 구성되어 있습니다. 본 글에서는 리스트 요소의 사용방법과 좋은 사례에 대해 알아보도록 하겠습니다. ❶ 컨테이너 (Container) ❷ 선행 미디어 (Image · Video,댓글 0 Mar 24. 2025 by 김현준
-
프리랜서 디자이너의 단기계약 MVP 구축기골프 시장을 혁신하겠다는 스타트업이 있어요. 디자인적으로 가장 이상적인 형태였던 초기 프러덕트를 기반으로 작성된 내용이라, 실제 라이브되고 있는 내용과 다른 부분이 다소 있습니다. 기업골프 행사의 80%+가 비효율적으로 운영되고 있다. 일일이 담당자와 통화하여 골퍼를 섭외하고 골프장을 예약하는 등. 아날로그적인 프로세스가 각 단계에 불필요한 허들을 만들어내고 필요 이상의 인력을 투입하게 만들고댓글 0 Mar 24. 2025 by 두부언니
-
즐거운 사용자: 생산성 앱이 게임이 된다고요?[UX] 게이미피케이션 UX, 레벨업하랴 돈버랴 오늘도 접속하면 보상을 받을 수 있어요! 몇 년 전까지만 해도 앱은 단순한 도구였습니다. 하지만 지금은 다릅니다. 앱을 열면 XP(경험치)가 쌓이고, 레벨이 오르며, 미션을 완료하면 뱃지를 받습니다. 마치 게임처럼요. 생산성과 게임이라니, 어쩐지 어색한 조합처럼 보이지만 게이미피케이션 UX는 이제 생산성 앱 뿐만 아니라 다양한 서비스에서 핵심 요소로 자댓글 0 Mar 24. 2025 by Greening
-
AI로 UI개발 속도를 10배로 만들다. 'V0'스타트업의 전략 Vercel의 CEO이자 공동창업자인 Guillermo Rauch의 이야기는 웹 개발 혁신의 서막을 여는 영웅담과도 같습니다. 아르헨티나 부에노스아이레스에서 자란 Rauch는 11세 때부터 독학으로 프로그래밍을 시작했고, 18세의 나이에 이미 실리콘밸리에서 프론트엔드 엔지니어로 커리어를 시작했습니다. 이후 그가 주도한 Socket.IO, Next.js 등의댓글 0 Mar 23. 2025 by 심플리파이어 한성희
-
검색 결과와 정렬 옵션 간의 시각적 분리 문제검색 결과와 정렬 옵션 간의 시각적 분리 문제(인지적 부하와 사용성 향상을 위한 분석) 1. 홈택스 사용성 문제점 분석 홈택스 검색 결과 페이지에서 검색 정렬 옵션은 좌측 상단에 배치되어 있고, 검색 기간은 우측 상단에 위치하고 있습니다. 이로 인해 정보가 시각적으로 분리되며, 사용자는 검색 결과를 확인한 후 정렬 기준을 추적하려면 추가적인 인지적 리소스를댓글 0 Mar 23. 2025 by UX 컨설턴트 전민수
-
Framer가 보여주는 UXUI 디자인의 패러다임 변화Framer란 무엇인가? 프레이머(Framer)는 디자이너와 개발자를 위한 종합 UX/UI 디자인 도구로, 시각적 디자인부터 프로토타이핑, 실시간 협업, 코드 통합까지 한 곳에서 제공하는 플랫폼입니다. 처음에는 코드 기반 프로토타이핑 툴로 시작했지만, 현재는 웹사이트 빌더로까지 확장되어 디자인한 것을 바로 실제 웹으로 출시할 수 있는 강력한 기능을 갖추고댓글 3 Mar 22. 2025 by 유훈식 교수
-
클릭 한 번의 UX가 만들어지기 까지...디자인의 발전 과정과 미래 전망 UI(User Interface)와 UX(User Experience)는 오늘날 디지털 환경에서 가장 중요한 요소 중 하나예요. 우리가 스마트폰, 웹사이트, 애플리케이션을 편리하게 사용할 수 있는 이유도 UIUX 덕분이죠. 하지만 UIUX가 처음부터 이렇게 발전된 형태는 아니었어요. 기술과 사용자의 니즈에 따라 변화하면서댓글 0 Mar 20. 2025 by 지밍리
-
검색 흐름 방해하는 시스템 설계 문제와 개선 방안"검색 흐름 방해하는 시스템 설계 문제와 개선 방안" 1. 사용성 문제 현재 시스템에서 사용자가 하위 옵션을 선택한 후 검색 결과 페이지를 본 뒤, 검색창으로 돌아갔을 때 이전에 선택한 검색어가 반영되지 않는 문제는 사용자가 선택한 검색어를 기억해야 하는 불편을 초래합니다. 선택된 검색어가 반영되지 않으면 사용자는 검색 흐름을 끊게 되며, 반복적인 작업을댓글 0 Mar 20. 2025 by UX 컨설턴트 전민수
-
UX/UI∙프로덕트 디자이너로 성장하는 학습 방법UX/UI・프로덕트 디자이너를 위한 학습 자료 모음 UX/UI∙프로덕트 디자이너를 위한 학습 방법, 자료 모음을 공유합니다. '비전공자 디자이너로 살아남기_(1) 신입~주니어'(Freese design님)을 읽고, 참고하여 트렌드를 반영한 학습 방법과 자료 모음을 담았습니다. 학습 방법 1. UX/UI 디자인 핵심 개념 학습 - 타이포그래피, 그리드, 컴포넌트 단위 디자인, 웹 접근성 등 - e.g:댓글 11 Mar 19. 2025 by spring
-
검색 흐름을 끊지 않는 효율적인 필터링자동 반영 기능으로 사용성 향상하기 "검색 흐름을 끊지 않는 효율적인 필터링(자동 반영 기능으로 사용성 향상하기) 1. 사용성 문제점 H 정부 부처 홈페이지에 있는 검색 도우미에서 하위 메뉴 옵션을 선택하였습니다. 그런데 방금 전 선택한 옵션이 검색 결과 페이지의 상단 검색창 영역에 키워드 형태로 자동으로 반영되지 않습니다. 예를 들어 검색 도우미 중 “주요 메뉴 선택” 하단에 있는 옵션(종댓글 0 Mar 19. 2025 by UX 컨설턴트 전민수
-
세그먼트 버튼의 역할 모호"세그먼트 버튼의 역할 모호" 1. 사용성 문제점 주요 메뉴 선택 하위에 나열된 항목들은 단순한 텍스트 목록처럼 보입니다. 사용자가 이를 클릭하거나 선택할 수 있지만, 그 기능은 기획자가 의도하려고 한 세그먼트 버튼 역할과 다릅니다. 세그먼트 버튼처럼 보이려면 각 메뉴 항목들이 명확한 세그먼트 버튼 형태로 제공되어야 하며, 버튼에 마우스를 올리면 호버 효과댓글 0 Mar 18. 2025 by UX 컨설턴트 전민수
-
사용자가 떠나지 않는 UI 디자인 심리학사용자 경험을 높이는 UI 디자인 심리학 UI 디자인은 단순히 예쁘게 만드는 것이 아니라, 사용자가 편리하게 사용할 수 있도록 돕는 중요한 역할을 해요. 특히, 심리학적인 원리를 활용하면 사용자가 더 자연스럽게 서비스를 이용할 수 있도록 유도할 수 있죠. 사람들은 특정한 방식으로 정보를 인식하고 행동하는 경향이 있어요. 그렇기 때문에 UIUX 디자이너댓글 0 Mar 18. 2025 by 지밍리
-
Less UI, More UX투명해지는 인터페이스 속에서 UXer의 역할 디지털 시대가 가속화되면서 우리가 사용하는 인터페이스(UI)는 점점 더 옅어지고, 투명해지고 있다. 버튼은 사라지고, 화면은 간결해지며, 기계와 인간의 상호작용은 자연스럽고 생략된 형태(NUI)로 발전하고 있다. 하지만 이런 흐름 속에서도 사용자들은 여전히 새롭고 자극적인 경험을 갈망한다. 그렇다면 UXer는 이러한 변화 속에서 어떤 역할을 해야 할까? U댓글 0 Mar 18. 2025 by 변민수 ㅡ UX민수
-
서두르는 사용자: 결정 속도를 높이는 타임어택 디자인[UX] 빨리빨리의 민족을 만족시키는 UI 아, 급하다니까요. 결정 좀 빨리 합시다. 무수한 정보와 복잡한 인터페이스 속에서 서두르고 있을 사용자에게는 판단의 속도를 높여줄 UX 설계가 필요한데요, 특히 배달이나 예매 등 즉각적인 결정이 필요한 서비스에서 강하게 요구되는 경험입니다. 주제가 주제인만큼, 각설하고 사용자의 행동을 가속화하는 UI에 대해 빠르게 알아봅시다. 짧은 시간, 적은 노력댓글 4 Mar 17. 2025 by Greening
-
링크 어포던스의 중요성사용자 경험을 향상시키는 디자인의 핵심 요소 링크 어포던스의 중요성(사용자 경험을 향상시키는 디자인의 핵심 요소) 웹 페이지에서 사용자가 클릭할 수 있는 요소를 직관적으로 인식하게 돕는 시각적 특성, 이를 우리는 "링크 어포던스(link affordance)"라 부릅니다. 링크 어포던스가 명확히 표현되지 않으면 사용자는 해당 요소가 클릭 가능한 링크인지 인식하지 못하고, 그로 인해 실수로 클릭하거나댓글 0 Mar 17. 2025 by UX 컨설턴트 전민수
-
화면설계서 작성에 참고할 최소한의 UX라이팅[UX라이터 관점] 새로 들어가는 프로젝트를 앞두고 한 가지 요청을 받았다. 앞으로 협업할 기획자들을 대상으로 UX라이팅 가이드를 교육해 달라는 요청이었다. 일전에 동일한 브랜드의 UX라이팅 개선 프로젝트를 진행한 경험이 있는 터라 마련된 자리였다. '교육이라.. 무슨 이야기를 하면 좋을까?' 마음속에 물음표가 떠올랐다. 개인적으로 교육이라는 딱딱한 표현은 피하고 싶었다.댓글 0 Mar 16. 2025 by Maudie Bloom
-
쓰기 쉬운 제품은 뭐가 다를까? 객체 지향 UI[디자인 서적 추천 02] 객체지향 UI 디자인 일상에서 앱을 사용하다 편하다 혹은 불편하다는 생각이 든 적이 있을 것이다. 하지만 누군가 왜 그렇게 생각했냐고 묻는다면 명확하게 답하기 어려울 수 있다. 그렇다면 이렇게 긍정적인 혹은 부정적인 경험을 하게 하는 제품의 공통점은 무엇일까? 그리고 그 단서가 될 수 있는 책을 소개한다. 사실 이 책은 소프트웨어 개발에서 주로 언급되는 객체지향 개념을댓글 2 Mar 15. 2025 by 김디디
-
효율적인 UI 레이아웃을 위한 디자인 원칙세로 배열 vs. 수평 배열 "(옵션) 효율적인 UI 레이아웃을 위한 디자인 원칙(세로 배열 vs. 수평 배열) 웹사이트나 애플리케이션에서 제공되는 검색 옵션은 사용자 경험에 중요한 영향을 미칩니다. 이 글에서는 두 가지 다른 디자인 레이아웃, 즉 세로 배열과 수평 배열이 어떻게 서로 다른 사용자 경험을 만들어내는지, 그리고 이를 최적화하기 위한 방법에 대해 분석하고자 합니다. 1댓글 0 Mar 13. 2025 by UX 컨설턴트 전민수
