UXUI 썸네일형 리스트형 패스트캠퍼스 환급챌린지 17일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.오늘은 디자인 시스템이 무엇인지에 대해 배웠다. 디자인 시스템은 계속되는 화두이다. 실제로 잘 설계된 디자인 시스템을 살펴보는 것이 많은 도움이 될 것 같다. 디자인 시스템의 이해와 실무 적용1. 디자인 시스템의 등장 배경스타트업 증가 → 디자이너의 역할이 단순 스타일링에서 비즈니스 문제 해결 중심으로 변화초기 제품 개발 단계부터 디자이너가 투입되면서 디자인 시스템의 필요성 증가디자인 조직 규모 확대에 따라 내부 커뮤니케이션의 효율성 확보가 중요해짐2. 디자인 시스템의 기대 효과내부 커뮤니케이션 효율화디자이너, 기획자, 프론트엔드 개발자 간 협업 효율↑컴팩트한 UI 구축UI 요소의 재사용성↑, 불필요한 변형↓예: 버튼이 있는 타이틀바 하나.. 더보기 패스트캠퍼스 환급챌린지 16일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.오늘은 실무에서 실제와 달리 시각적으로 보이는 것을에 보정이 필요하다. 디자인을 완성도 있게 만드는 데 있어 ‘시각 보정’은 선택이 아니라 필수다.단순히 수치상으로 맞췄다고 해서 균형 있어 보이지는 않는다.오히려 사용자 눈에 어떻게 보이느냐가 훨씬 중요하다.우리는 디자인을 ‘수학적 정확성’이 아닌 ‘시각적 안정감’으로 받아들이는 존재다.그래서 똑같은 크기와 간격도 다르게 느껴질 수 있고, 작은 버튼은 더 작아 보이기도 한다.이럴 때 필요한 것이 바로 ‘사람의 인지 방식’을 이해한 보정 작업이다.실무에서는 항상 눈으로 봤을 때 가장 안정감 있고 자연스러운 상태를 최우선으로 고려해야 한다.수치를 믿기보다, 눈을 믿는 것이 더 나은 디자인을 만드.. 더보기 패스트캠퍼스 환급챌린지 15일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.오늘은 실무에서 “왜인지 모르게 더 좋아 보이는 디자인”에 숨어 있는 기본 규칙들을 정리해본다.특히 버튼, 여백, 타이포그래피처럼 자주 마주치지만 고민이 많은 요소들을 중심으로 구성하였다.UI에서 가장 중요한 요소는 무엇일까?바로 버튼의 우선순위 설정이다. 모든 버튼이 똑같아 보이면 사용자 입장에서는 중요한 행동이 무엇인지 인지하기 어렵다.많은 디자이너들이 흔히 하는 실수가 있다.바로 화면을 꽉 채우는 것이 전문적으로 보일 것이라는 착각이다.그러나 실제로는 여백이 많을수록 디자인이 정돈되어 보인다.시각적으로 균형 있어 보이게 정렬하는 광학 정렬(optical alignment) 개념도 활용되어야 한다.실용적인 UI 디자인 규칙과 버튼/간격/.. 더보기 패스트캠퍼스 환급챌린지 14일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 오늘은 좋아보이는 심리학 법칙중에서 특별히 게슈탈트 이론과, UXUI 디자인의 규칙에 대해서 자세히 배웠다.심리학 이론이 어떻게 UX적으로 사용될 수 있는 지 배울 수 있는 시간이였다. 상당히 중요한 개념인데, 이부분을 간단히 전반적으로 배울 수 있었는데, 개인적으로는 하나씩 구체적으로 더 공부해보아야겠다는 생각을 하였다. 디자인에 기초중에 하나이지만 꼭 중요한 개념이라 확실히 익혀두고 싶다. 게슈탈트 심리학과 UI 디자인 적용 원리1. 게슈탈트 이론이란?1920년대 독일 심리학자들에 의해 제시된 지각 심리학 이론인간은 **전체를 부분의 합이 아닌 하나의 ‘형태’**로 인식함뇌는 시각적 자극을 기존 경험과 패턴을 통해 해석하려고 함정보를.. 더보기 패스트캠퍼스 환급챌린지 12일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 오늘은 사용성 분석에 대한 예시를 가지고 실제적인 것들을 배우는 시간이였다. 어떻게 휴리스틱 평가를 할지, 그리고 실전 벤치 마킹 방법에 대해 배웠다. 특비 벤치마킹에 대해서는 디자이너로서 늘 하는 일인데 막연하게 진행하는 것이 아니라 좀더 체계적으로 배울 수 있었다. 실전 벤치마킹 방법1. 벤치마킹이란?정의: 특정 기준을 설정하고, 경쟁사나 유사 제품과 비교 분석하여 장점을 파악하고 학습하는 과정UX 디자이너가 고려해야 할 3가지 기준:비즈니스 관점정보 구조(IA)사용성(Usability)2. 각 기준별 벤치마킹 방법① 비즈니스 기준**링 캔버스(Lean Canvas)**를 활용해 자사 제품과 경쟁사 제품을 동일한 기준으로 분석예: 우리.. 더보기 패스트캠퍼스 환급챌린지 11일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 오늘은 사용성 분석에 대한 이해에 대해 자세히 공부해보는 시간을 가졌다. 레이블은 어떻게 만들어가지는지, 그리고 사용성에 원칙들에는 어떤 것이 있는지 구체적으로 살펴보았다. 실제로 어떻게 사용성 평가를 하고, 그것을 어떤 기준과 원칙으로 평가를 해야하는지 알게 되었다. part4 디자인 시스템 구축UX/UI 디자인 노하우사용성 평가 vs 사용성 테스트, 휴리스틱 평가와 10가지 원칙1. 사용성 평가와 테스트의 차이사용성 평가 (Usability Evaluation)전문가가 직접 제품의 사용성과 UX 품질을 측정빠르게 진행 가능 (제품과 전문가만 준비되면 가능)경험 기반, 기준 내재화된 평가 방식사용성 테스트 (Usability Testi.. 더보기 패스트캠퍼스 환급챌린지 10일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 오늘은 왜 네이게이션을 만들어가야할지 그리고 유저 플로우, 테스크 플로우, IA등을 실제로 와이어프레임을 스케치를 통해 러프하게 작업하면서 구조화하는 법을 배웠다. 스케치로 와이어프레임과 간단한 프로토타입을 만들수 있고, 이제는 이렇게 하나하나 하지 않고 overflow를 이용하는 것도 꿀팁이였다. part4 디자인 시스템 구축UX/UI 디자인 노하우강의 노트: 유저 플로우와 내비게이션 설계 방법1. 내비게이션 설계의 시작: 유저 플로우 작성유저 플로우(User Flow): 사용자가 목적을 달성하기 위해 거치는 일련의 단계를 시각화한 것순서:사용자의 목적(Goal) 설정 (ex. 커피 주문하기)테스크 플로우(Task Flow): 각 스크.. 더보기 패스트캠퍼스 환급챌린지 9일차 : 성공하는 UX/UI 디자이너의 필수 스킬셋 : 실무에서 인정받는 5가지 핵심역량 강의 후기 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 오늘은 순차적으로 수업을 듣기 보다는 내가 더 관심이 있던 디자인 시스템에 관해서 듣기 시작했다. 다행히 이 수업은 여러 수업을 짜집기 형태로 되어있기 때문에 내가 먼저 필요한 것을 듣는 것도 나쁘지 않은 것 같다. 특히 같은 강사분 플로우로 듣는것도 괜찮은듯하다. Stig 강사님의 수업을 계속 듣는게 도움이 되는 것 같다. 먼저 어떻게 구조화하는가에 대한 것을 배웠다. UX를 위해서는 여러가지 구조화가 필요하다. 그 용어들에 핵심에 대해 한번 정리하는 유용한 시간이였던 것 같다. part4 디자인 시스템 구축UX/UI 디자인 노하우정보 구조(IA) 설계의 기초1. 기능 도출 후 정보 구조화의 필요성사용자 요구사항, 비즈니스 요구사항, .. 더보기 이전 1 2 다음
