.ux { flex-grow:1; }
close
프로필 배경
프로필 로고

.ux { flex-grow:1; }

  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
  • 홈
  • UX 디자인
  • HTML&CSS
  • JS
  • 폰트
  • Tool&작업환경
  • 업무 Tip
  • 제품리뷰
  • Box
  • 내맘대로 포스팅
  • 태그
UX 디자인과 HCI의 상관관계

UX 디자인과 HCI의 상관관계

제가 UX에 처음 관심을 갖게 된 것은 2000년대 후반, 대학에서 HCI(Human-Computer Interaction)라는 과목을 수강하면서부터였습니다. HCI는 인간과 컴퓨터 간의 상호작용을 연구하는 학문으로, 사용자 경험(UX)이 주요 키워드로 다뤄졌습니다. 특히 수업에서 미하이 칙센트미하이(Mihaly Csikszentmihalyi)의 몰입(flow) 이론을 UX에 접목시킨 사례를 접했을 때, "이것이 바로 내가 하고 싶은 일이다"라는 깨달음을 얻었습니다. 그 순간부터 UX 디자이너라는 꿈을 꾸며 지금까지 이어져 오고 있습니다.디지털 기술이 발전함에 따라 사용자 경험(User Experience, UX)과 인간-컴퓨터 상호작용(Human-Computer Interaction, HCI)은 현대 ..

  • topic UX 디자인
  • · 2025. 4. 7.
  • textsms
신한은행 ATM은 어떻게 UX 디자인을 했을까

신한은행 ATM은 어떻게 UX 디자인을 했을까

ATM은 현대 금융 서비스에서 중요한 역할을 해왔지만, 디지털 금융의 발전으로 소비자 행동이 크게 변화했습니다. 카카오뱅크와 같은 오프라인 지점이 없는 은행이 등장하고, 삼성페이와 애플페이 같은 간편 결제 시스템이 보편화되면서, 이제는 은행 앱을 통해 송금하거나 적금을 개설하는 것이 일상이 되었습니다. 이에 따라 은행 창구를 찾는 주 고객층은 고령 소비자로 변화하고 있으며, 일반 입출금 창구보다 대출이나 기업 고객을 위한 창구가 더 많이 운영되고 있는 상황입니다. 신한은행 ATM의 UX 디자인은 고령층의 디지털 접근성을 높이는 데 초점을 맞췄습니다. 이번 글에서는 신한은행 ATM 기기를 통해 배울 수 있는 UX 디자인의 핵심 요소와 접근법을 살펴보겠습니다. 사용자 중심 디자인: 시니어 맞춤형 UI신한은행..

  • topic UX 디자인
  • · 2025. 4. 7.
  • textsms
UX와 UI의 차이점: 두 개념의 관계와 역할 비교

UX와 UI의 차이점: 두 개념의 관계와 역할 비교

디지털 제품을 설계할 때, UX(User Experience)와 UI(User Interface)는 필수적인 요소입니다. 이 두 용어는 종종 혼동되거나 동일한 의미로 사용되지만, 사실은 서로 다른 역할과 목적을 가지고 있습니다. 이번 글에서는 UX와 UI의 차이점, 두 개념의 관계, 그리고 각 역할이 어떻게 협력하여 성공적인 제품을 만드는지 알아보겠습니다.UX 디자인이란 무엇인가?UX 디자인은 사용자 경험을 설계하는 과정으로, 제품이나 서비스가 얼마나 직관적이고 효율적이며 만족스러운지를 결정합니다. UX 디자이너는 사용자의 니즈를 이해하고 이를 충족시키기 위해 다음과 같은 작업을 수행합니다:사용자 리서치 및 분석정보 구조 설계사용자 여정 맵핑프로토타입 및 와이어프레임 제작사용성 테스트 및 피드백 반영즉,..

  • topic UX 디자인
  • · 2025. 4. 5.
  • textsms
모바일 테이블 디자인을 위한 조언 12가지

모바일 테이블 디자인을 위한 조언 12가지

웹 1.0 시대에 오남용 되던 표 디자인인터넷 초기 단계에서의 웹사이트는 레이아웃 구성을 위해 너무 많은 이 사용되었습니다. 웹 3.0(2000년대 중후반)부터 '의미 있는 마크업'이 중요해지고, 단순히 레이아웃을 위해 표를 사용하는 일을 지양하게 되었습니다. 오랜 기간 오남용 되었던 덕에 테이블은 부정적인 평판을 가지고 있지만, 데이터 표현에 있어서는 필수적입니다. 테이블은 정보를 구조화하여 사용자가 쉽게 비교하고 분석할 수 있도록 돕기 때문입니다. 하지만 모바일 장치는 화면이 작아 테이블을 표시하기에 충분한 공간이 부족합니다. 이로 인해 테이블의 가독성과 사용성이 저하될 수 있습니다. 이런 문제점을 해결하기 위한 기본적인 방법 두 가지를 소개하겠습니다.  모바일 테이블(표) 디자인수평 스크롤 허용화면..

  • topic UX 디자인
  • · 2025. 4. 4.
  • textsms
UX 디자이너와 개발팀 협업 잘하는 법

UX 디자이너와 개발팀 협업 잘하는 법

UX 디자이너와 개발팀은 함께 멋진 제품을 만들지만, 서로 다른 방식으로 생각하고 일하기 때문에 가끔 오해가 생길 수 있습니다. 하지만 효과적인 소통 방법을 알면 협업이 훨씬 수월해질 수 있습니다. 이번 글에서는 UX 디자이너와 개발팀이 원활하게 협업할 수 있는 쉬운 방법을 소개합니다. 1. 서로 이해할 수 있는 공통 언어 만들기디자이너와 개발자는 각자의 전문 용어를 사용하기 때문에 소통이 어려울 수 있습니다. 이를 해결하려면:같이 쓸 수 있는 디자인 가이드 만들기: 스타일, 버튼, 폰트 같은 요소를 미리 정리해두면 개발팀과 일할 때 혼란이 줄어듭니다.필요한 내용을 문서로 정리하기: Figma, Notion 같은 협업 도구를 사용해 중요한 내용을 공유하면 착오를 줄일 수 있습니다.2. 디자인 초반부터 개..

  • topic 업무 Tip
  • · 2025. 4. 2.
  • textsms
UX 디자이너를 위한 챗GPT와 퍼플렉시티 AI 활용법 - 업무 효율 극대화하기

UX 디자이너를 위한 챗GPT와 퍼플렉시티 AI 활용법 - 업무 효율 극대화하기

UX 디자이너로 일하다 보면 새로운 아이디어를 짜내고, 사용자 경험을 개선하고, 데이터를 분석하는 일이 끝없이 반복합니다. 이런 과정에서 챗GPT와 퍼플렉시티(Perplexity AI) 같은 AI 도구를 잘 활용하면 업무 속도를 높이고 퀄리티도 한층 끌어올릴 수 있습니다. 오늘은 UX 디자이너가 이 두 가지 AI 도구를 어떻게 활용하면 좋을지 정리해봤습니다. 챗GPT: 아이디어 정리부터 UX 라이팅까지1. 아이디어 구상 & 브레인스토밍UX 디자인을 할 때 가장 어려운 게 뭘까요? 바로 좋은 아이디어를 찾는 과정입니다. 챗GPT는 이런 초기 기획 단계에서 유용한 역할을 할 수 있습니다.특정 사용자 페르소나를 설정해 UX 개선 아이디어를 얻기새로운 기능이나 인터랙션 방식에 대한 참고 사례 찾기최신 디자인 트..

  • topic 업무 Tip
  • · 2025. 4. 2.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • ···
  • 11
  • navigate_next
notifications_none Notice
  • flexbox, 그는 누구인가!
article Category
  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
tips_and_updates Recent Articles
grade Popular Articles
textsms Recent Comments
local_offer Tags
  • #프리텐다드
  • #CSS
  • #UX디자이너
  • #웹폰트
  • #선택자
  • #UX 디자인
  • #폰트
  • #UX디자인
  • #애플
  • #사용자 경험
trending_up Visitors
Today
Yesterday
Total
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바