티스토리

Vurias Insight

검색하기

블로그 홈

Vurias Insight

vurias0203.tistory.com/m

A blog that explores and delivers good information

구독자: 22

방명록 방문하기

주요 글 목록

AI 시대의 프로덕트 디자이너를 위한 커리어 성장 전략과 도전 과제 AI 시대의 프로덕트 디자이너를 위한 커리어 성장 전략과 도전 과제프로덕트 디자이너의 역할이 AI 기술의 발전과 함께 크게 변화하고 있습니다. 단순히 시각적 디자인을 넘어 전략적 사고와 기술 이해력을 갖춘 전문가로 거듭나야 하는 시대가 도래했습니다. AI 시대 디자이너의 핵심 역량 강화전략적 사고와 기획력 향상사용자 경험을 극대화하고 비즈니스 목표를 달성하기 위한 전략적 사고가 필수적입니다. 기획력을 바탕으로 제품의 방향성을 설정하고 사용자 요구를 깊이 있게 이해하는 능력이 요구됩니다. AI 기술 이해와 활용AI 도구를 효과적으로 활용하여 반복적인 작업을 자동화하고, 더 빠르고 효율적으로 디자인을 생성할 수 있어야 합니다. AI에게 적절한 요청을 하고 결과물을 최적화하는 능력이 중요해졌습니다.새로운 도전.. 공감수 3 댓글수 2 2024. 11. 7.
PM 직무의 현주소: 한국에서의 PM 역할과 당면 과제 PM 직무의 현주소: 한국에서의 PM 역할과 당면 과제최근 IT 업계에서 PM(Project/Product Manager) 수요가 급증하고 있지만, 한국의 PM 직무는 여전히 모호한 위치에 있습니다.현재 한국의 PM 현황과 문제점을 자세히 살펴보겠습니다.한국의 PM 직무 현황PM 직무의 정의와 혼선한국에서 PM은 회사마다 다른 의미로 사용되고 있습니다.어떤 회사에서는 기획자 중 권한이 있는 사람을 PM이라 부르고, 또 다른 곳에서는 총감독의 보조 역할을 PM이라 부르기도 합니다.이러한 불명확한 정의는 실무에서 많은 혼란을 야기하고 있습니다. 주요 업무 영역한국의 PM은 프로덕트의 방향성 수립부터 팀원들과의 커뮤니케이션, 일정 관리, 문제 해결 및 의사결정까지 광범위한 업무를 수행합니다.특히 프로젝트의 예.. 공감수 7 댓글수 3 2024. 11. 7.
Web3 시대의 UX/UI 디자인 트렌드와 핵심 원칙 Web3 시대의 UX/UI 디자인 트렌드와 핵심 원칙Web3는 블록체인 기술을 기반으로 한 탈중앙화된 인터넷의 새로운 패러다임을 제시하고 있습니다. 이러한 변화 속에서 사용자 경험(UX)과 인터페이스(UI) 디자인의 중요성이 더욱 부각되고 있습니다. Web3 UX/UI의 핵심 원칙투명성과 신뢰성Web3 환경에서는 투명성이 매우 중요합니다. 사용자들이 블록체인 상의 거래와 데이터를 쉽게 확인하고 검증할 수 있도록 인터페이스를 설계해야 합니다. 특히 금융 거래나 스마트 컨트랙트와 관련된 중요한 전환점들을 명확하게 표시하는 것이 필수적입니다. 사용자 권한 강화Web3는 사용자들에게 더 많은 통제권을 제공합니다. 디지털 자산과 신원을 직접 관리할 수 있게 되면서, 인터페이스는 이러한 권한을 효과적으로 행사할 수.. 공감수 0 댓글수 0 2024. 11. 5.
Apple Vision Pro가 선보이는 혁신적인 공간 컴퓨팅 UX 디자인 Apple Vision Pro가 선보이는 혁신적인 공간 컴퓨팅 UX 디자인공간 컴퓨팅이라는 새로운 패러다임을 제시하며 등장한 Apple Vision Pro는 기존 AR/VR 기기들과는 차별화된 사용자 경험을 선보이고 있습니다. 이 혁신적인 디바이스가 보여주는 UX 디자인의 핵심 요소들을 살펴보겠습니다. 자연스러운 멀티모달 인터랙션Vision Pro는 사용자의 눈 움직임, 제스처, 음성 인식을 통합한 자연스러운 멀티모달 인터랙션을 제공합니다. 특히 눈 움직임을 캐치해 인터랙션하는 방식과 간단한 제스처를 통한 컨트롤은 기존 AR/VR 기기들과 차별화된 직관적인 사용자 경험을 만들어냅니다.공간 컴퓨팅의 새로운 패러다임Apple은 Vision Pro를 단순한 AR/VR 기기가 아닌 '공간 컴퓨터'로 정의했습니다.. 공감수 3 댓글수 1 2024. 11. 4.
2024년 주목받는 필수 Figma 플러그인 5가지 총정리 2024년 주목받는 필수 Figma 플러그인 5가지 총정리최근 UI/UX 디자인 작업에서 필수 도구로 자리잡은 Figma의 핵심 플러그인들을 소개합니다. Vectary 3D Elements - 3D 디자인의 혁신Vectary 3D Elements는 2D 디자인에 3D 요소를 쉽게 추가할 수 있게 해주는 강력한 플러그인입니다. 실시간 3D 렌더링과 커스터마이징 가능한 텍스처를 제공하여 디자인의 깊이감을 더해줍니다.Icons8 Background Remover - AI 기반 이미지 편집AI 기술을 활용하여 이미지 배경을 빠르고 쉽게 제거할 수 있는 플러그인입니다. 배치 처리를 지원하며 별도의 등록이나 API 키가 필요 없어 접근성이 뛰어납니다.Mobbin - UI/UX 디자인 라이브러리전문가가 큐레이팅한 디.. 공감수 2 댓글수 1 2024. 11. 1.
2024 피그마의 혁신: AI 기능으로 더욱 강력해진 디자인 도구 2024 피그마의 혁신: AI 기능으로 더욱 강력해진 디자인 도구 디자인 업계의 대표적인 협업 도구인 피그마가 2024년 Config 컨퍼런스에서 혁신적인 AI 기능들을 대거 공개했습니다. 이번 업데이트를 통해 디자이너들의 작업 효율성이 크게 향상될 것으로 기대됩니다.AI 기반의 혁신적인 디자인 도구프롬프트 기반 디자인 생성텍스트 프롬프트만으로 디자인 초안을 자동으로 생성할 수 있게 되었습니다. 사용자가 원하는 디자인을 설명하면 AI가 이를 바탕으로 레이아웃과 디자인 요소를 자동으로 생성하며, 생성된 디자인의 폰트, 색상, 간격까지 커스터마이징이 가능합니다.자동화된 작업 프로세스레이어 이름 자동 변경, 프로토타입 자동 연결, 이미지 배경 제거 등 반복적이고 시간 소모적인 작업들이 AI를 통해 자동화되었습.. 공감수 0 댓글수 0 2024. 10. 31.
AI 시대의 디자이너와 운영 효율화 - 두 강연에서 배운 것들 안녕하세요, 디자이너 여러분.오늘은 제가 최근 참석한 INFCON 2024 세미나 중 AI 관련 세미나에서 얻은 인사이트를 공유하고자 합니다.하나는 AI를 활용한 디자인 프로세스 혁신에 관한 것이고, 다른 하나는 AI를 이용한 운영 효율화 사례입니다.두 강연 모두 AI의 실제 적용 사례를 통해 우리가 앞으로 나아가야 할 방향을 제시해 주었고,최근 AI에 관심이 많이 생긴 저에게는 큰 의미로 다가왔습니다. 1. AI 시대 디자이너의 실험 - 사용자 행동 분석에 AI를 활용해 보기이 세미나는 이동연님, 박주영님 두 발표자가 싱가포르에서 그랩에서 일하며 AI를 디자인 프로세스에 적용한 경험을 공유한 자리였습니다. 실험의 배경과 목표두 강연자의 단순한 호기심에서 시작된 이 실험은 AI가 디자인 프로세스에 어.. 공감수 0 댓글수 0 2024. 8. 5.
내가 보려고 모은 Figma 3D 플러그인 정리 1. Simple3D (링크)매력 포인트:손쉬운 3D 모델링: 클릭 몇 번으로 간단한 3D 모델을 만들 수 있어 시간 절약.다양한 스타일: 다양한 3D 스타일을 지원해 창의력을 발휘할 수 있음.고려할 점:고급 3D 기능이 부족해 복잡한 모델링에는 한계가 있음.대규모 프로젝트에서 성능 저하 가능.2. Oblique (링크)매력 포인트:간편한 기울이기: 2D 요소를 쉽고 빠르게 기울일 수 있는 도구.직관적인 인터페이스: 단순하고 사용하기 쉬운 UI.고려할 점:고급 기능이 부족하여 복잡한 작업에는 제한적.특정 디자인 스타일에만 적합.3. Vector to 3D (링크)매력 포인트:클릭 한 번으로 3D 변환: 벡터 이미지를 쉽게 3D 모델로 변환.고품질 렌더링: GPU 레이트레이싱을 사용해 고품질 3D 이미지를.. 공감수 0 댓글수 0 2024. 7. 4.
Figma AI: 디자인의 새로운 패러다임 Figma AI: 디자인의 새로운 패러다임디자인 도구의 진화는 디자이너에게 큰 변화를 가져왔습니다. Figma는 AI를 활용하여 우리의 디자인 작업을 혁신적으로 바꾸고 있습니다. 이번 글에서는 디자이너들이 흥미를 가질 만한 Figma AI의 주요 기능들을 소개하고, 어떻게 우리의 디자인 작업을 더욱 즐겁고 효율적으로 만드는지 알아보겠습니다.1. 마법 같은 디자인 생성Figma AI는 마치 디자인 마법사처럼 작동합니다. 텍스트 프롬프트를 입력하면, AI가 다양한 스타일과 레이아웃의 모바일 및 웹 UI 목업을 생성합니다. 예를 들어, "지도와 카드가 포함된 피자 찾기 앱"이라고 입력하면, AI는 다양한 디자인 옵션을 제시합니다. 이 기능은 초기 아이디어를 빠르게 시각화할 수 있어, 디자이너의 창의성을 더욱 .. 공감수 0 댓글수 0 2024. 7. 3.
Pass Through 레이어 혼합모드란? Pass Through와 그 외의 모드: 차이점과 활용법그동안에는 레이어 혼합 모드에 따라 레이어 간의 영향을 끼치는 방식이 다르다는 점을 크게 인식하지 않고 사용했는데, 문득 Pass-Through 모드가 어떤 방식이고 왜 색상이나 이펙트 같은 곳에도 레이어 혼합모드를 설정할 수 있는 부분이 궁금해졌다.Pass Through란?Pass Through란 ‘통과’한다는 의미로 해석이 되는데, 아래의 이미지를 보면서 이해하면 좀 더 이해가 쉬울 것 같다. 1. 우선 도형과 텍스트가 하나로 묶인 그룹 레이어와 배경 레이어를 준비한다. 이때 그룹 레이어의 혼합 모드는 기본적으로 Pass Through로 되어있을 것이다. 2. 다음은 그룹 내의 텍스트의 혼합 모드를 Soft Light로 변경해보았다. 이때 함께 .. 공감수 0 댓글수 0 2024. 7. 2.
새로운 디자인 컴포넌트 도입 절차 소프트웨어 개발 과정에서 새로운 디자인 컴포넌트를 도입하는 것은 흥미로운 도전이자 중요한 결정입니다.올바른 절차를 따라 진행하면 더 나은 결과를 얻을 수 있습니다.이를 위한 단계별 프로세스를 정리해봤습니다.새로운 소프트웨어 컴포넌트 도입 절차1. 시작프로젝트에 새로운 기능이 필요할 때, 우선 새로운 컴포넌트가 필요한지 판단합니다.새롭게 도입할 컴포넌트가 프로젝트에 꼭 필요한지 고민해보세요. 2. 기존 컴포넌트 존재 여부 확인:먼저, 기존에 사용 가능한 컴포넌트가 있는지 찾아봅니다.이때 인터넷 검색과 문서 조사를 통해 현재 사용 가능한 컴포넌트를 꼼꼼히 살펴보세요.적합한 컴포넌트가 없다면 새로운 것을 검토할 차례입니다. 3. 타사 컴포넌트 사용 가능 여부 확인타사에서 제공하는 컴포넌트를 사용할 수 있는지 .. 공감수 0 댓글수 0 2024. 5. 28.
흔들리지 않는 선명한 디자이너가 되는 법 안녕하세요, 디자이너 여러분! 오늘은 디자이너로 성장하면서 자신의 의견을 표현하고 다른 이의 의견에도 흔들리지 않는 선명한 디자이너가 되기 위해서 지금까지 어떤 마음가짐과 노력을 했는지 되돌아보면서 정리한 내용에 대해 공유해보겠습니다. 1. 자신을 알자 디자이너로서, 우선 자신을 잘 알아야 한다고 생각해요. 내가 어떤 부분에서 뛰어나고, 어디서 부족한지를 깊이 이해하고, 어떤 디자이너로 성장하고 싶은지 명확히 정의해봐야 해요. 2. 논리적 사고와 분석 능력 강화 자신의 의견을 남에게 이해시키기 위해서는 논리적 사고와 분석 능력이 필수적이에요. 우리는 아티스트가 아니라 디자이너이기 때문에 논리적으로 생각하고, 다른 이의 의견을 꼼꼼히 살펴보며 효과적으로 의사소통하는 법을 익혀봐야 돼요. 예쁘고 좋은 디자인.. 공감수 0 댓글수 0 2023. 11. 15.
스프라이트 기법 (2) - GIF도 스프라이트로? 앞에서 이야기한 이미지 스프라이트 기법은 GIF 이미지에도 활용할 수 있습니다. GIF 스프라이트를 사용하면 일반 이미지 스프라이트처럼 하나의 큰 이미지만 다운로드하기 때문에 GIF의 큰 용량 대신 적은 용량으로 구현할 수 있어 웹 페이지의 로딩 속도가 빨라지고, 네트워크 대역폭을 절약할 수 있습니다. 그렇다면 GIF 스프라이트는 어떻게 만들수 있을까요? 일반 이미지를 스프라이트 맵으로 만드는 것처럼 GIF 역시 같은 방법으로 만들 수 있지만, 좀 더 쉽게 만들기 위해서는 다양한 툴을 활용할 수도 있습니다. 제가 선택한 가장 쉬운 방법은 포토샵과 웹사이트(https://www.toptal.com/developers/css/sprite-generator)를 활용하는 것입니다. GIF 스프라이트 맵 만들기 .. 공감수 0 댓글수 0 2023. 11. 1.
스프라이트 기법 (1) - 이미지 최적화의 기술 스프라이트 기법(Sprite Technique)? 웹 개발에서 스프라이트 기법(Sprite Technique)은 이미지 및 그래픽 파일 관리의 한 형태로, 여러 이미지를 하나의 이미지로 결합하여 웹 페이지의 성능을 최적화하는 기술입니다. 스프라이트 기법의 주요 특징은 다음과 같습니다: 이미지 결합 여러 개의 작은 이미지를 하나의 큰 이미지로 결합합니다. 이를 통해 브라우저는 한 번의 요청으로 모든 이미지를 가져오므로 네트워크 레이턴시(지연 시간)를 줄일 수 있습니다. 스프라이트 맵 결합된 이미지와 해당 이미지의 위치 정보를 가진 스프라이트 맵을 만듭니다. 스프라이트 맵은 CSS에서 이미지 위치와 크기를 지정하는 데 사용됩니다. 이미지 위치 (X, Y 좌표) 스프라이트 이미지 내에서 각 작은 이미지 조각의.. 공감수 1 댓글수 0 2023. 10. 30.
Figma AI 플러그인으로 더 스마트하게 디자인하기 최근 AI가 여러 분야에 쓰이면서 Figma에도 다양한 플러그인이 나오고 있습니다. 이젠 AI를 잘 다루는 것 만으로도 더 많고 빠른 작업을 할 수 있는 디자이너가 될 수 있습니다. 오늘은 Twitter Thread로 @felixleezd님이 정리한 Figma AI 플러그인 8개에 대해서 공유해보려합니다. 1/ Automator (@diagram) Automator를 사용하면 한 번의 클릭으로 모든 Figma 작업을 수행하는 사용자 정의 자동화를 구축할 수 있습니다. 무료로는 사용가능한 기능에는 한계가 있지만 한 달에 12$ 결제를 통해서 100개 이상의 다양한 기능을 사용 할 수 있으며, Automator Community에서 유저들이 만든 자동화 도구를 받아서 사용해 볼 수 있습니다. → 웹사이트: .. 공감수 0 댓글수 0 2023. 6. 7.
접근성에 대한 UI/UX 디자인 가이드 서론 웹사이트나 앱 등 디지털 콘텐츠를 사용하는 능력인 접근성은 모든 사용자들에게 중요합니다. 이 가이드는 UI/UX 디자이너들이 접근성을 고려해 디자인을 할 수 있도록 도와줍니다. UI/UX 디자이너들은 색상, 폰트, 이미지, 키보드 네비게이션 등 다양한 요소를 고려해야 합니다. 색상 색맹이나 시각적 장애를 가진 사용자들을 위해 색상 대비를 고려해야 합니다. 색상 대비는 텍스트와 배경 색상 간의 대비를 말합니다. WCAG 2.1 AA 레벨은 최소한 4.5:1의 대비를 요구하고 있습니다. 더 높은 대비를 사용하면 더 좋습니다. 예를 들어, 검은색 텍스트와 흰색 배경은 대비 비율이 21:1이며, 시각적으로 장애가 없는 사용자들도 쉽게 읽을 수 있습니다. 예시: 텍스트와 배경색 대비를 고려해, 검은색 텍스트.. 공감수 0 댓글수 0 2023. 3. 14.
브랜딩 및 마케팅을 위한 UI/UX 디자인 전략 개요 UI/UX 디자인은 제품 또는 서비스가 고객에게 제공하는 첫인상을 형성하는 중요한 역할을 합니다. 브랜딩 및 마케팅을 위한 UI/UX 디자인 전략은 고객에게 직관적이고 편리한 사용 경험을 제공하면서 동시에 브랜드의 이미지와 가치를 전달하는 것입니다. UI/UX 디자인 전략은 브랜딩과 마케팅 전략에 밀접한 관련이 있습니다. 브랜딩은 제품 또는 서비스의 고유한 가치와 이미지를 전달하는 것이며, 마케팅은 제품 또는 서비스를 홍보하고 판매하는 것입니다. UI/UX 디자인은 이러한 브랜딩과 마케팅 전략을 시각적으로 구현하는 방법 중 하나입니다. 브랜딩을 위한 UI/UX 디자인 전략 브랜딩은 제품 또는 서비스의 고유한 가치와 이미지를 전달하는 것입니다. 브랜딩을 위한 UI/UX 디자인 전략은 브랜드의 시각적 .. 공감수 0 댓글수 0 2023. 3. 13.
웹 사이트 속도 및 성능 최적화를 위한 팁 웹 사이트의 속도 및 성능은 사용자 경험과 검색 엔진 최적화에 중요한 영향을 미칩니다. 이를 최적화하기 위해 다음의 팁을 제공합니다. 1. 이미지 최적화 웹 사이트에서 사용하는 이미지는 크기가 크면 페이지 로딩 시간을 늘리는 요인 중 하나입니다. 이미지를 최적화하여 파일 크기를 줄이고 불필요한 데이터를 제거하는 작업을 통해 페이지 로딩 속도를 높일 수 있습니다. 예를 들어, 이미지 크기를 줄이거나, 이미지 포맷을 변경하거나, 이미지를 Lazy Loading 방식으로 로딩하는 등의 최적화 방법이 있습니다. 또한, 페이지에 이미지가 많은 경우, 이미지를 사용하여 페이지를 더욱 생동감 있게 만들 수 있습니다. 예를 들어, 제품 사진, 이벤트 사진 등을 활용하여 사용자에게 더욱 직관적인 정보를 제공할 수 있습니.. 공감수 0 댓글수 0 2023. 3. 9.
데이터 시각화 디자인에 대한 가이드 데이터 시각화는 데이터를 시각적으로 표현하는 것입니다. 이것은 데이터에서 보이지 않는 패턴과 관계를 식별하고, 더 나은 결정을 내리기 위한 정보를 제공합니다. 데이터 시각화 디자인은 이러한 데이터 시각화를 만드는 과정에서 필요한 디자인 원칙과 가이드라인을 제공합니다. 필수적인 디자인 원칙 정보 전달을 목적으로 하기: 데이터 시각화의 목적은 데이터의 정보를 전달하는 것입니다. 그러므로, 디자인은 정보 전달을 목적으로 하는 것이 중요합니다. 데이터 시각화를 만들 때는 반드시 데이터의 목적과 대상을 고려하여 제작해야 합니다. 간결함과 명확성: 간결성과 명확성은 언제나 중요합니다. 시각화는 복잡한 정보를 단순하고 이해하기 쉬운 형태로 표현하는 것입니다. 이를 위해서는 가능한 한 간결하게 구성하고, 필요한 정보만.. 공감수 0 댓글수 0 2023. 3. 8.
사용자 인터페이스 디자인을 위한 팁과 테크닉 사용자 인터페이스 디자인은 제품이나 서비스를 사용하는 사용자들과의 상호작용을 디자인하는 것입니다. 이를 위해서는 사용자의 관심과 욕구를 이해하고, 직관적이며 쉽게 사용할 수 있는 UI를 만들어야 합니다. 아래는 사용자 인터페이스 디자인에 대한 몇 가지 팁과 테크닉입니다. 1. 사용자에 대한 연구를 수행하세요 사용자를 이해하는 것은 사용자 인터페이스 디자인의 핵심입니다. 사용자에 대한 연구를 수행하여 사용자의 요구사항과 욕구를 파악하세요. 이를 통해 UI를 개선하고 사용자 경험을 향상시킬 수 있습니다. 이를 위해 사용자 인터뷰, 설문조사, 사용자 분석 등 다양한 방법을 활용할 수 있습니다. 이러한 과정을 거치면 사용자들의 실제 요구사항을 파악할 수 있고, 이에 따라 UI 디자인을 개선할 수 있습니다. 2... 공감수 0 댓글수 0 2023. 3. 7.
웹사이트 또는 앱 디자인을 위한 컬러 선택 가이드 컬러는 웹사이트 또는 앱 디자인의 가장 중요한 요소 중 하나입니다. 적절한 컬러 선택은 사용자 경험을 크게 개선할 수 있습니다. 따라서, 이 가이드는 웹사이트 및 앱 디자인에서 적절한 컬러 선택 방법을 안내합니다. 1. 브랜드 컬러 사용 브랜드 컬러는 회사 또는 브랜드의 이미지를 대변합니다. 따라서, 브랜드 컬러를 사용하여 웹사이트 또는 앱 디자인을 시작하는 것이 좋습니다. 브랜드 컬러를 사용하면, 사용자는 회사 또는 브랜드를 쉽게 인식할 수 있습니다. 또한, 브랜드 컬러를 사용하면, 일관성 있는 브랜드 이미지를 구축할 수 있습니다. 2. 컬러 조합 컬러를 조합하는 것은 어렵지만, 적절한 컬러 조합은 사용자의 시각적 경험을 크게 향상시킵니다. 대부분의 경우, 최대 3개의 주요 컬러와 보조 컬러를 사용하는.. 공감수 0 댓글수 0 2023. 3. 6.
2023 UI/UX 디자인 트렌드 및 예측 최근 UI/UX 디자인 트렌드는 빠르게 변화하고 있습니다. 이에 따라 디자이너들은 새로운 요구 사항과 기술을 적극적으로 수용하여 사용자 경험을 개선하는 방법을 연구하고 있습니다. 1. 다크 모드 다크 모드는 최근 몇 년간 인기를 얻고 있는 UI/UX 트렌드 중 하나입니다. 이는 밝은 배경 대신 어두운 배경을 사용하여 눈의 피로를 줄이고 시야를 편안하게 하기 위한 것입니다. 이제는 대부분의 모바일 기기와 웹 사이트에서 다크 모드가 지원됩니다. 그러나, 다크 모드는 모든 상황에 적합하지는 않습니다. 예를 들어, 이미지나 색상이 중요한 컨텐츠의 경우 다크 모드에서는 선명도가 떨어지는 문제가 있을 수 있습니다. 또한, 일부 사용자들은 다크 모드보다 밝은 배경을 선호할 수 있습니다. 이러한 이유로, 디자이너들은 .. 공감수 0 댓글수 0 2023. 3. 2.
사용자 경험 디자인의 기본 원칙 사용자 경험 디자인(User Experience Design, UXD)은 제품, 서비스, 시스템 등을 사용자 만족도와 편의성을 높이는 것을 목표로 디자인하는 분야입니다. 사용자 경험 디자인은 제품 또는 서비스의 디자인 과정에 사용자의 입장에서 바라보는 관점을 반영하여 사용자가 제품을 보다 쉽게 이해할 수 있도록 돕습니다. 그러므로, 사용자 경험 디자인은 제품의 그래픽적인 디자인뿐만 아니라, 제품의 기능적인 부분 및 인터페이스 구성, 사용자의 행동 및 요구사항 등 다양한 측면을 고려하여 디자인합니다. 사용자 경험 디자인에서는 다양한 기본 원칙을 준수해야 합니다. 이러한 기본 원칙들은 사용자가 제품 또는 서비스를 사용할 때 가장 중요한 부분을 차지합니다. 이를 위해서는 사용자의 요구사항을 파악하고, 그에 따.. 공감수 0 댓글수 0 2023. 2. 28.
Font? px, pt, inch, pica, em, rem?!?! 시작하기에 앞서.. 아티클에서 다룰 단위 DPI - 1인치당 들어가는 픽셀의 수를 표현한 단위 (Dots per inch) pica - 파이카는 18세기에 만들어진 타이포그래피의 유닛 단위. 보통 1인치는 6분의 1로 나눈 값이다. px - 픽셀 pt - 파이카를 12조각으로 나눈 단위입니다. em - 웹에서 부모요소의 상대적 크기를 갖는 단위 일반적으로 1em = 16px 으로 환산 rem - em의 앞에 root(r)이 붙었으며 부모요소가 아닌 전체 root=html에서 지정한 값을 상대적으로 갖는 크기 단위 폰트는 어디서부터 쓰였을까? 적어도 모니터는 아닐 것이다. 폰트의 크기에 대한 개념은 활자시대에서부터 거슬러 올라왔으며 우리는 폰트를 이해하기 위해서 과거의 단위를 끌어와야한다. 인쇄물의 최소단.. 공감수 0 댓글수 0 2023. 2. 27.
UX 디자인에서 색상의 힘: 심리학을 통한 사용자 경험 향상 개요 색상은 UX 디자인의 강력한 도구이며 색상의 심리학을 이해하는 것은 효과적이고 매력적인 사용자 경험을 만드는 데 필수적입니다. 이 기사에서는 색상이 사용자 경험에 미치는 영향을 살펴보고 디자인에 색상을 사용하기 위한 실용적인 팁을 제공합니다. 색상의 의미 색상은 문화적 맥락과 개인적인 경험에 따라 다른 의미와 연관성을 가질 수 있습니다. 다음은 몇 가지 일반적인 색상 조합입니다. 빨간색: 열정, 에너지, 위험 주황색: 친근감, 따뜻함, 흥분 노란색: 행복, 낙천주의, 주의 녹색: 성장, 자연, 균형 파란색: 신뢰, 침착함, 전문성 보라색: 고급스러움, 창의성, 영성 검은색: 정교함, 힘, 신비 흰색: 순수함, 단순함, 천진난만함 회색: 중립성, 격식, 안정성 이러한 연관성이 보편적이지는 않지만 디자.. 공감수 0 댓글수 0 2023. 2. 23.
UX 디자인의 미래: 2023년 이후의 트렌드 소개 사용자 경험(UX) 디자인 분야는 최근 몇 년간 급속도로 발전했으며 앞으로도 쇠퇴할 조짐은 보이지 않습니다. 기술이 발전함에 따라 UX 디자이너는 사용자를 위한 혁신적이고 매력적인 경험을 창출해야 하는 새로운 도전과 기회에 직면해 있습니다. 이 기사에서는 2023년 이후의 UX 디자인에서 주목해야 할 몇 가지 트렌드를 살펴보겠습니다. 1. 음성 사용자 인터페이스 Siri, Alexa 및 Google Assistant와 같은 음성 비서의 인기가 높아지면서 VUI(음성 사용자 인터페이스)는 UX 디자인에서 점점 더 중요한 부분이 되고 있습니다. 앞으로 점점 더 많은 제품과 서비스가 VUI를 염두에 두고 설계되어 사용자가 자연어를 사용하여 VUI와 상호작용할 수 있게 될 것입니다. 2. 증강현실 증강 현.. 공감수 0 댓글수 0 2023. 2. 22.
서비스 사용자 인터뷰에서 피해야 할 10가지 사항 개요 서비스 이용자 인터뷰를 진행할 때, 존중적이고 공감적이며 유익한 방식으로 접근하는 것이 중요합니다. 서비스 제공자로서, 최상의 서비스를 제공하기 위해 가능한 많은 정보를 수집하고자 합니다. 그러나, 인터뷰에서 피해야 할 특정한 것들이 있습니다. 이 글에서는 서비스 이용자 인터뷰에서 피해야 할 10가지 사항을 살펴보겠습니다. 1. 기술 용어나 복잡한 언어 사용 기술 용어나 복잡한 언어를 사용하면, 서비스 이용자가 기술 용어나 복잡한 언어를 잘 이해하지 못하는 경우, 질문에 대한 이해도와 정확한 답변을 제공하는 것이 어렵습니다. 간단한 언어를 사용함으로써, 서비스 이용자가 질문에 대한 이해도와 정확한 답변을 제공할 수 있도록 도와주어야 합니다. 2. 서비스 이용자 방해나 서두르기 서비스 이용자가 질문에.. 공감수 0 댓글수 0 2023. 2. 20.
시각 장애인을 위한 디자인 - 스크린 리더 시각 장애인이란? 시력 장애 - 저시력이나 맹을 이야기한다. 색각 장애 - 색약과 색맹을 이야기한다. 그 외에도 시야 장애, 광각 장애, 굴절 장애 등 많은 분류가 있지만 이 글이 시각 장애인에 대한 깊은 조사를 하는 내용이 아니기 때문에 대부분 알고 있는 시력 장애와 색각 장애를 기준으로 이야기해보자. 시각 장애인을 위한 기능과 디자인 스크린 리더(Screen Reader) 핀치 투 줌 (Pinch to Zoom) 색상과 형태의 명확한 대비 레이블 스크린 리더(Screen Reader) 스크린 리더 기능은 TTS(Text To Speech의 약자로 문자를 음성으로 변환해주는 솔루션을 말합니다.)를 활용해서 저시력자 혹은 맹인에게 화면의 텍스트나 이미지를 읽어주는 것을 말한다. 시력 장애를 가진 분들은 .. 공감수 4 댓글수 0 2020. 7. 12.
[101가지 UX 원칙] #17,19 페이지의 무한 스크롤 디자인하기 #17 피드 스타일의 콘텐츠에서만 '무한 스크롤'을 사용하라 '무한 스크롤'이란 쉽게 얘기하면 '인스타그램이나 페이스북 같이 끝이 없이 콘텐츠가 제공되는 형식의 스크롤 방식을 이야기한다. 사용자가 페이지의 하단에 다다르면 더 많은 항목을 비동기적으로 로딩하면서 페이지가 계속 생성되게 하는 방식인데, 사용자들에게 매우 편리한 기능을 제공한다. *어떤 루틴을 완전히 끝내고 제어를 반납하면 동기식 -> 커피를 주문하고 커피가 나갈 때까지 다른 손님의 주문을 받지 않음. *동작이 안 끝났어도 일단 제어권을 반납한 후 지 할 일 계속하면 비동기식 -> 커피를 주문하고 커피가 나올때까지 새로운 주문을 받을 수 있음. 출처: https://jajubogi.tistory.com/14 [까먹지 말자! 자주 보자!] 일반.. 공감수 0 댓글수 0 2020. 6. 14.
[101가지 UX 원칙] #16 스크린에서 살짝 벗어난 것을 고려하라 #16 스크린에서 살짝 벗어난 것을 고려하라 우리는 주로 스크린 안에 있는 것들에 관심을 쏟지만, 스크린에 보이지 않아도 얻을 수 있는 힌트들이 있다. 스크린에 항상 보여주지 않아도 되는 내용들을 숨겨두었다가 필요한 때에 가장자리에 표시해 주는 것을 통해 사용자에게 스크린 밖에 더 많은 것들이 있다는 것을 알려주는데, 이 방법을 사용하면 스크린 공간을 항상 꽉 채울 필요 없이 사용자에게 더 많은 기능을 제공할 수 있다. 1. Margin을 넘어가는 개체들 우리가 설계하면서 지정해둔 화면의 마진을 넘어서 개체를 놓아둔다면 사용자로하여금 '아! 저 부분을 스크롤하면 더 많은 것들이 있겠구나!'라는 것을 암시할 수 있다. 같은 그룹으로 묶으면서 여러가지를 보여줘야하는 상황에서 많이 쓰인다. 2. Side Na.. 공감수 0 댓글수 0 2020. 5. 26.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.