학습내용
1. 인터페이스, 도형
- 기본 활용법
- 섹션 / 프레임 / 그룹
- 색상 / 도형 / effect
- 레이아웃 그리드
- 디자인 시스템
2. 프로젝트
- 데스크리서치
- 경쟁사 분석
Figma 실습
기본 활용법
"출처 https://uxplat.com/figma-피그마-인터페이스-작업-화면-ui/"
섹션/프레임/그룹
섹션(Section) : 프레임 툴 화면을 담는 단위
프레임(frame) : 컨텐츠를 담는 박스
그룹(Group) : 요소를 묶는 단위
색상 / 도형 / effect
색상
도형
effect
레이아웃 그리드
"출처 MATERIAL DESIGN"
- Column : 열,단
- Gutter : 컬럼과 컬럼 사이의 간격
- Margin : 좌우여백
- Container : 컨텐츠가 들어가는 영역
그리드 시스템의 장점 :
- 일관된 UX
- 체계적인 배열
- 협업 목적, 내부기준에 맞게 작업, 다음 대체자도 작업 가능할 수 있게 가이드라인을 설정
- 커뮤니티 시스템도 부여 가능
디자인 시스템
웹이나 서비스 디자인에 적용된 디자인 스타일의 규칙이나 가이드라인. 공통으로 사용된 컬러, 폰트, 레이아웃, UI 컴포넌트에 대한 정의 라고 볼 수 있음
프로젝트 이론
데스크 리서치
실제 사용자와의 직접적인 상호작용 없이 온라인 자료와 기존 정보를 분석하여 사용자 경험 및 디자인에 관한 통찰력을 얻는 방법
! 데스크 리서치 시작 팁
- 융합관점 : 타서비스와 결합할 수 있는 여지
- 신규 서비스 기획시 서비스를 조사하고 분석한다
- 해당 분야/해당 3개의 앱과 브랜드에 관련된 이슈 확인
경쟁사 분석
경쟁사의 강점과 약점을 평가하고 파악하는 일종의 시장 조사
- 경쟁사 분석을 통해 시장에서 통용되는 사용자의 멘탈 모델 확인 및 경쟁사의 강점과 약점 파악 가능
- 최대한 집중하고자 하는 부분에 초점을 맞춰 비교 하는 것이 좋음(ex. 리뉴얼의 목표가 커뮤니티 강화에 있다면 이와 관련된 소셜 기능 등을 중심으로 분석)
과제
프로젝트(팀활동)
4L 회고
학습
Liked.수업에서 좋았던 점
피그마의 기본적인 설명을 꼼꼼하게 해주시고 과제를 통해 실습까지 해볼 수 있어 좋았다.
Learned.새롭게 배운 점
X
Lacked.배운 것에 관해서 내가 부족했던 부분
다른 분들의 작업물들도 봤었는데 레이아웃 정리를 굉장히 깔끔하게 네이밍하신 분도 계셨다. 이런 부분이 아무래도 나에게 부족한 부분같다고 생각하기에 다른 분들 작업물을 보며 이런 점들을 많이 배워야겠다고 생각했다.
Longed for.앞으로 해야할 것들
시간이 날 때 다른 분들 작업물을 보면서 레이아웃 정리를 어떻게 해야 하는지 참고하고 적용해봐야겠다.
팀 프로젝트
"출처 팀원들과 함께 작업하며 찍은 사진"
Liked.좋았던 점
서로 분업이 잘되서 좋았다. 데스크리서치 부분에서 우리가 왜 이 시장을 선정하게 되었는지에 대한 스토리텔링 부분이 어려웠는데 팀원들과 함께 그 내용을 얼마나 독자들이 쉽게 이해할 수 있을지를 조정해나가면서 자료를 조사했다.
Learned.새롭게 배운 점
데스크 리서치를 진행하면서 앱 하나를 선정하고 시장을 조사해야할지, 아니면 반대로 해야할지 헷갈렸는데 강사님께 여쭤보니 앱 하나를 선정한 후에 시장조사를 하는게 좋다고 하셨다. 또한 앱 선정 기준은 우리가 개선할 여지가 많은 앱을 기준으로 선정하는게 좋다고 추천해주셨다. 아무래도 UXUI 개선 변화가 더 극적으로 보이기 때문일 것이다.
Lacked.배운 것에 관해서 내가 부족했던 부분
프롭테크 시장을 선정했지만 아무래도 법적인 부분이나 복잡한 내용이 많아 어떤 부분을 개선해야 할지, 어떤 부분이 문제인지 혼자였다면 찾기 쉽지 않았을 것 같다. 팀원 중 한명이 프롭테크 분야에서 일해본 경험이 있고, 또 진로도 그쪽으로 정하고 있어서 그런지 시장에 대해 모르는 부분이 있을 때 정보를 보충하기 좋았다.
Longed for.앞으로 해야할 것들
데스크 리서치와 경쟁사 분석을 바탕으로 SWOT 분석과 휴리스틱 평가를 진행하며 우리가 UXUI 개선을 위해 선정한 앱 다방을 더 깊게 파고들어 분석할 필요가 있을 것이다.
본 후기는 [스나이퍼팩토리x웅진씽크빅] UX/UI 실무 초격차 디자인 전문가 양성과정 (B-log) 리뷰로 작성 되었습니다.
#UXUI디자인전문가양성과정 #UXUI교육과정 #서울시청년취업사관학교 #새싹동대문캠퍼스 #SeSAC #스나이퍼팩토리 #웅진씽크빅 #UXUI디자이너 #디자이너교육 #디자이너인턴
