오늘의 아티클 : https://brunch.co.kr/@tigrisdesign/16 2024 UI/UX 디자인 트렌드(1) 기술을 주제로 예측해 보는 흐름과 디자이너의 역할 | 이번 포스트에서는 빠르게 발전하는 첨단 기술을 기반으로 다가올 2024년의 UI/UX 디자인 트렌드를 살펴보려 합니다. A. 디자이너와 AI 올 한 brunch.co.kr 1. 아티클 내용 요약 1. AI AI 서비스와 UX 디자인 : 기술, 환경의 한계로 인해 제공하지 못했던 기능들을 AI로 극복할 수 있게 되었기 때문에, 극복 이후 서비스 흐름을 고려하기. 만약 AI 전문가와 협업한다면 사용자의 행동에 따라 학습하고 적응하는 인터페이스를 만드는 것도 가능 AI를 이용한 디자인 : 알고리즘으로 분석한 데이터를 통해 사용자 패턴..

오늘의 아티클 : https://brunch.co.kr/@830bfa34e0894d6/97 효과적인 웹사이트 네비게이션(GNB) 설계 방법 사용자를 길로 안내하는 웹 디자인의 예술 | 웹 사이트 네비게이션은 현대 웹 디자인의 핵심 요소 중 하나로, 사용자 경험을 혁신적으로 향상시키고 웹 사이트의 성공을 좌우합니다. 사용자가 brunch.co.kr 1. 아티클 내용 요약 1. 네비게이션의 중요성 사용자 경험 향상 높은 이용률 검색 엔진 최적화(SEO) 2. 효과적인 네비게이션 설계 방법 단순성과 일관성 : 푸터와도 동일한 구조 가지기 명확한 라벨링 : 간결하고 요약된, 그리고 명확하게 작성 하위 메뉴 구조 시각적 표시 : 메뉴 아이콘, 활성 상태 표시, 하이라이트 효과, 드롭다운 메뉴, 아이콘 설명 모바일..

오늘의 아티클 : https://ditoday.com/%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C-%EA%B2%8C%EC%9E%84-ux-%EB%94%94%EC%9E%90%EC%9D%B8%EB%A7%8C%EC%9D%98-%ED%8A%B9%EC%A7%95/ “무엇이 다를까?” 게임 UX 디자인만의 차별점 - DIGITAL iNSIGHT 디지털 인사이트 사용성보다 재미와 몰입감을 중시하기도 ditoday.com 어제 한 게이미피케이션 아티클 스터디에 이어서(?) 게임 UX 관련 글을 읽게 되었다. 1. 아티클 내용 요약 게임 UX디자인과 일반 UX디자인의 차이점에 관한 아티클 게임 UX란? : 플레이어가 게임에서 겪는 모든 경험 단순히 게임 화면을 보기..

오늘의 아티클 : https://brunch.co.kr/@fbdprj/12 도대체, 게이미피케이션이 뭔데요? 게이미피케이션, 그냥 재미 요소만 넣는다고 되는 건 아닌데 말이죠. | 게이미피케이션이 뭔데요! 서비스 기획을 하거나, UX를 하시는 분이라면 '게이미피케이션'에 대해 생각보다 자주 들어보셨 brunch.co.kr 1. 아티클 내용 요약 1. 게이미피케이션이란? : 게임의 원리와 기법을 비게임 환경에 적용해 참여자의 동기부여와 학습을 증진시키는 방법 2. ‘재미’요소를 느끼기 위해서 필요한 3가지 : 목표, 과제, 동기부여 => 이 3가지 요소를 앱에 적용시키면 어떻게 제공될지 듀오링고 서비스를 통해 설명 (1) 동기부여 짧은 학습을 반복하고 경쟁을 유도함. 푸시로 재미를 더해 학습 시간을 알려주..

오늘의 아티클 : https://brunch.co.kr/@jung1elove89/1 모임 앱은 어떤 모습이어야 할까? - 앱 개선(1) COVID-19의 도래로 많은 이들이 대다수가 한 공간에 모이게 되는 상황을 기피하게 되면서 개인적으로 소규모 단위의 모임 지원 플랫폼이 있었으면 했다. 그런데, 애플스토어에서 검색해보니 이미 brunch.co.kr 1. 아티클 내용 요약 소규모 모임 앱 ‘소모임’의 메인화면을 리디자인 과정을 담은 아티클이다. 브랜드의 정체성과 제공하는 핵심기능을 잘 나타내야하는 메인화면에서 문제점을 찾아 리디자인을 진행하고 했고, 문제로는 약한 정체성과 브랜드 색상, 그리고 기능이 어렵다는 점을 도출할 수 있었다. 개선을 위해 클래스101과 플립 서비스를 벤치마킹하였고, 탭 구성과 색..

오늘의 아티클 : https://brunch.co.kr/@chulhochoiucj0/29 모바일 UI 디자인 기본 요소 - Tab bar 모바일 앱의 글로벌 내비게이션 컨트롤 Tab bar | 탭바 Tab bar는 사용자가 앱 내에서 중요한 콘텐츠 사이를 빠르게 전환할 수 있도록 하는 글로벌 탐색 컨트롤 Global navigation control이다. Tab bar는 사용 brunch.co.kr 1. 아티클 내용 요약 1. GNB - 글로벌 내비게이션 바 (GNB) : 앱과 웹사이트가 제공하는 콘텐츠의 전체적인 탐색을 지원하고, 페이지 전체에 걸쳐 화면의 동일한 위치에 유지된다. - GNB의 구조 : 기본 구조는 왼쪽에 로고, 중앙에는 최상위 레벨의 콘텐츠 그룹, 우측에는 검색과 로그인 또는 장바구니..

오늘의 아티클 : https://brunch.co.kr/@blckschrl/41 06화 UI를 위한 색 우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니 brunch.co.kr 1. 아티클 내용 요약 - 색 : 강한 자극을 주는 시각 언어. - 색 속성 3가지 색상(hue) : 고유한 색의 종류 채도(saturation) : 원색의 진하기 명도(Brightness) : 밝고 어두움을 구분하는 정도 - 색 공간 RGB : 빛의 삼원색인 빨강, 초록, 파랑과 투명도를 나타내는 알파를 조합해 다양한 색 표현 HSV,HSB : 색의 속성을 직관적으로 다루기 쉬움 HEX : ..

오늘의 아티클 : https://brunch.co.kr/@laftelux/6 CS 담당자를 감동시키는 로그인/가입 UX개선기 라프텔 UX 개선기 | 안녕하세요. 라프텔 프로덕트 디자이너 샐리입니다. 이번 블로그에서는 라프텔의 로그인/가입 플로우를 개선한 과정을 공유해보려고 합니다. 배경 로그인/가입 화면은 유저 brunch.co.kr 1. 아티클 내용 요약 - 로그인/가입 화면 특징 복잡하거나 불친절한 프로세스는 사용자의 탈ㅇㄹ 유ㅠ발. 간단하고 직관적인 UX 유저들에게 첫인상을 남기는 중요한 단계 - 라프텔 팀의 로그인/가입 화면 리디자인 목표 신규 유저는 빠르고 쉽게 가입 화면에 접근, 기존 유저는 로그인 한 수단을 잊지 않도록 하는 것. 불필요한 뎁스 줄이기 : 기존 방식은 로그인 버튼을 누르면 상..

오늘의 아티클 : https://brunch.co.kr/@laftelux/3 라프텔 UX Writing 가이드 도전기 글쓰기로 만드는 사용자 경험 | 안녕하세요! 애니메이션 전문 OTT 서비스 라프텔의 프로덕트 디자이너 매미입니다.✌️ 오늘은 라프텔의 UX Writing 가이드 제작 과정을 공유해보려고 합니다. 1.UX Wr brunch.co.kr 1. 아티클 첫 인상과 후기 - UX 라이팅이 정확히 뭔지 모르겠다. -> 사용자 경험을 바탕으로 사용자의 언어로 글을 작성하는 것. 제품을 팔기 위한 언어인 카피라이팅과는 차이가 있다. UX 라이팅의 4원칙으로 명확성, 간결성, 유용성, 일관성이 있고 UX에 대한 깊은 이해를 바탕으로 정확하고 사용자가 이해하기 쉽게 글을 쓰는 능력, 편집 경력 모두가 필요하..

오늘의 아티클 : https://brunch.co.kr/@chulhochoiucj0/31 UX 원칙 - One thing per page 모바일 UI·UX 디자인 원칙 | “One thing per page”는 한 페이지에 한꺼번에 많은 정보 입력을 요청하기보다 단계를 나눠 한 가지 질문에 해당하는 입력과 선택을 요청하는 인터페이스가 더 사용성이 brunch.co.kr 1. 아티클 첫 인상과 후기 - 한 페이지에 하나의 정보만 넣자는 뜻일 것이다. → One thing은 정보만을 말하는 것은 아니다. 사용자가 대답해야하는 한 가지 질문, 사용자가 알아야 하는 정보 중 하나, 사용자가 내려야 하는 한 가지 결정이라고 정의내릴 수 있다. → 복잡한 프로세스를 여러 개의 중요 단계로 세분화하고 최적화하여 각 ..