UXUI 디자인 스터디

디자인을 하다 보면,나만 아는 디테일에 집착하다가 정작 사용성을 놓치는 경우가 있었다.심미성을 우선하다 보면 기능적인 부분이 부족해지고,기능과 사용성을 고려하면 또 미적인 만족감이 떨어지고…너무 공감가는 내용이여서 정리해보고자 한다. 1. 예쁘기만 한 제품: 과잉 디자인은 사용성을 방해한다.사용자는 미적으로 우수한 제품을 더 직관적이고, 신뢰할 수 있다고 인식한다고 한다. 그치만 아름다운 디자인은 사소한 문제를 해결하지만, 사용 흐름을 전혀 고려하지 않은 플로우를 설계하거나, 과도한 인터랙션과 애니메이션으로 UX를 복잡하게 만든다면 오히려 사용성을 해칠 수 있다고 한다. 카카오 웹툰의 처음 업데이트 당시 UI버전인데, 디자인 자체만 놓고 보면 기존 웹툰 앱들과는 차원이 다른 퀄리티를 볼 수 있다. 하지만..

1. Problem (문제 정의)디자인 시스템은 멋진 스타일 가이드가 아니라 실제 문제를 해결하는 도구이다.  2. Existing Assets (기존 디자인 자산 조사): 처음부터 모든 것을 새로 만들 필요는 없다. 이미 사용 중인 스타일 가이드, 컴포넌트, 디자인 문서 등을 살펴보자. 기존 자산을 활용하면 시간과 노력을 아낄 수 있다.  3. Maturity Level (현재 성숙도 평가): 우리 서비스는 현재 어느 단계에 있을까? (초기) : 개별적으로 디자인되며, 재사용되는 요소가 없음.(기초 단계) : 색상과 타이포그래피 스타일 등 기초적인 요소만 존재함(중간 단계) : 일부 재사용 가능한 컴포넌트가 있으며, 코드베이스 외부에서 간단한 문서화가 이루어짐(성숙 단계) : 대부분의 컴포넌트가 문서화..

오늘 드디어 실전프로젝트가 끝났다. 정말로 배운것이 많았던 프로젝트였던것 같다. 우리 서비스의 타겟이 아이인 만큼 UI도 아이스럽게(?) 폰트도 큼지막하고 컬러랑 그래픽적인 요소도 신경많이 쓴것 같다는 칭찬과, 똥키우기 네이밍이 너무 재밌다 , 아이디어가 너무 재밌다, 그래픽이랑 일러스트가 귀엽다, 운동영상 직접 찍은것도 대단하다 등등 이런 말이 굉장히 인상적이었다. 발표회끝나고 외부에서 오셔서 우리 프로젝트를 보며 이런저런 질문도 주시고 답변하는 시간도 가졌는데 내가 진행했지만 어떤식으로 답변을 해드려야할지 하나도 생각이 안났었던것 같다. 팀장님께서 설명을 잘 해주셔서 잘 넘어갔지만 말로 설명하는 연습을 굉장히 많이 해야할거 같다. 포트폴리오 만들면서 계속계속 설명해봐야지! 포트폴리오에도 알차게 넣어보..

Overview 이번주는 디자인 시안 확정짓고 발표준비와 시연영상준비를 마무리지은 한 주였다. 틈틈히 개인포폴에 어떻게 넣어야 할 지 구상까지 했다. Keep 잘하고 있다 나자신 그리고 우리 팀원들 Problem 긴 장표는 만들어본적이 없어서인지 디자인이 잘된건지 자꾸 의문이 들었다. 팀원분께서 잘 만들어주셔서 다행이지만 처음봐서 익숙치가 않아서 인것 같다. 포트폴리오에는 1920x1080 기본 사이즈로 넣는게 좋다고 하셔서 조금 수정해서 넣을 예정이다. 그리고 우리팀에서 프로젝트를 진행했던 흐름을 정리하는것을 어려워하는데 이번기회에 배워나간것 같다. 다음주에는 포트폴리오 정리에만 몰두해보자!! Try ☑️ 최종 발표회 무사히 마치기!!! (나 대신 발표해주시는 리더님 감사합니다🥺❤️) ☑️ 포트폴리오 ..

운동영상화면에 들어갈 사진 추가촬영 후 프로토 타입 만들기! 점수랑 같이 올라가게 하느라고 머리가 터지는 줄 알았지만 어찌저찌 완료했다. 다양한 테마 디자인까지 옮기기 완료! 아이패드 화면 구상해보기! 모바일에서 크기만 키워서 배치해봤는데 내일 다시 크기랑 디테일 수정할 예정이다. 반응형..생각보다 별거 아닐지도..? (아닌가?ㅎㅎ) 시간이 조금 남아서 부가화면인 생활습관알림 페이지도 만들어보았다.

오늘은 드디어 최종 발표장표 만들기에 들어갔다. 큰 흐름을 먼저 적어놓고 목차,부터시작해서 유저시나리오,페르소나, 디자인컨셉, 디자인시스템, 디자인화면들까지 작업하였다. 이제 슬슬 포트폴리오에 어떤 페이지를 넣고 어떻게 줄여나가야할지 고민이 너무 된다ㅠㅠ 그치만 이 고민하는 단계만 건너뛰면 술술 풀려나갈것이기에 조금만 더 힘을 내본다. 마지막 튜터링때 튜터님 말씀이 앞으로 요정도 퀄리티로 다른 프로젝트도 나와야한다고 하셨다. 그동안 얼마큼이나 힘들었는지 다 아니까 너어어어어어어무 막막했다^^ 최종 발표까지 아자아자

오늘은 드디어 모든화면의 디자인을 픽스한것 같다. 디자인 퀄리티를 높히기 위해서는 끝이 없지만 마감이 있는 프로젝트니 여기까지만 우선 해야쥐..! 브로슈어에 들어갈 이미지 작업을 한창 진행중이다. 메인이미지, 프로토타입영상,기획,정보구조도 까지만 작성했다. 내가 디자인컨셉이랑 컬러,폰트,디자인시스템 한번 정리해보고 있는데 생각보다 쉽지가 않았다. BX는 처음이라 브랜딩도 어렵고,,,, 아자아자 화이팅하자

Overview 이번주의 한일! 1. 프로토타입연결 및 유티 준비 2. 앱 네이밍과 로고 정하기 3. 유티 진행 (아이엠스쿨, uxui수강생분들 대상) 3. 유티 결과보면서 자잘자잘 화면수정하기 (굉장히 많이함) Keep 튜터님께 피드백 받으러 가면 다 하시는 말씀이 점점 퀄리티가 좋아지고 있다고 하셨다. 수정할때는 힘들지만 하면할수록 좋아지는 우리 앱을 보면서 뿌듯한 마음이 들어서 더 힘이 나는것 같다. 이제 거의 안남았다고 생각하니까 풀어지지 말고 끝까지 잘 마무리 짓고 싶다. Problem 화면수정하는것이 힘들었긴하지만 솔직히 말하면 문제는 없다(뻔뻔) 수고했다 내자신..그리고 우리 팀원들 디자인퀄리티 높히기에는 정말 끝이 없다.. 수정해서 피드백받으면 또 생기고, 또 수정해서 피드백 받으면 또 생..

오늘은 수강생분들을 대상으로도 UT를 진행해보았다. 생각보다 많은분들이 참여해주시고 피드백도 넘 잘주셔서 감동이었다. 피드백을 바탕으로 어색했던 화면들과 플로우를 수정해 나갔다. (이럴거면 나도 더 잘해드릴걸 하는 생각도 들었다..) 부모화면에서 홈화면과 추천플랜화면 운동리포트화면을 수정해보았고, 아이화면에서는 미션을 엄마한테 받아서 그 카테고리 운동만을 추천해줘서 아이가 선택하면 홈화면으로 갈 수 있게끔 수정해보았다. 전에랑 다르게 이번 플로우가 훨씬 말이 되고 자연스러운것 같다. 수정할땐 힘들고 막막했지만 해결하고 나니까 속이 뻥뚤려서 오늘은 편하게 잘 수 있을거 같다ㅠㅠ 마지막까지 정말 화이팅하자!!!!

오늘은 학부모와 아이 프로토타입을 메이즈에 넣고 UT를 진행하였다. 학부모는 아이엠스쿨 사이트에 아이들은 인터뷰 참여해줬던 아이들한테 진행해보았다. 예상은 했지만 역시나 저조하다.. 그래도 이만큼이라도 해주신거에 감사해야하는거겠지?ㅎㅎㅎ 메이즈에 넣어두고 앱이름과 로고,아이콘을 고민해보았다. 앱 네이밍은 다수결(?)로 핏미로 결정되었다. Fit Misson -> 맞춤미션이라는 뜻과 Fitness Mission -> 운동미션이라는 뜻으로 부여해주었다. 그리고 로고도 다양하게 그려보았다. 처음에 백지상태일때 로고를 그려보려니까 창작의고통이 넘 심했는데 튜터님 말씀대로 네이밍이 정해지니까 갑자기 로고에 대한 아이디어가 막 샘솟아서 하나씩 그려넣었던것 같기도 하다. (덕분에 아이콘 그리는 스킬이 레벨업되셨습니다..