분류 전체보기 21

디자인 노트 : 모바일 디자인 가이드 01

어어 블로그 오랜만.....본격적으로 실무 들어가면서 일상 속에서 순간순간 떠오르는 디자인 영감들이나 공부하면서 새로 배운 부분, 알고 있었지만 잊어버리기 쉬운 부분들을 따로 정리해두면 좋겠다 싶어서 이전에 만들어둔 블로그를 메모장처럼 활용해보면 좋을 듯 했다. 말그대로 메모장 용도라 흐름과 내용이 굉장히 두서없을 예정ㅎㅎ 아 그리고 또다른 목적은 구글 애널리틱스 배워보면서 사용자 데이터 개념 비슷하게 방문자 데이터를 분석할 페이지가 필요해 이 블로그에 작성하는 것임. 애널리틱스 쉬운듯 어려운듯 쉬운건가? 사실 지금 당장 필요한건 아닌데 공부해두면 언젠간 쓸데가 있겠지? 우선 이번 게시물은 IOS의 휴먼 인터페이스 가이드랑 구글의 머테리얼 가이드라인 흝어보다가 브런치스토리에 잘 정리해둔 게시물이 있어서 ..

디자인 노트 2024.04.22

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 스팩폴리오 프로젝트 회고 - 4주차

드디어 세 달간의 인턴형 프로그램의 마지막 주다. 이번주는 웹/앱 세부 디자인 페이지들이 대부분 마무리가 되어 디자이너/개발자 간의 지속적인 회의를 통해 디테일한 부분까지 수정하는 과정을 거쳤다. 아무래도 개발자 한분이 이탈해 남은 세 분이 짧은 시간 내에 많은 작업을 처리해야해서 모든 페이지를 다 구현하기는 한계가 있었다. 개발팀장님이 지속적으로 진행 상황과 수정사항을 전해주셔서 페이지별로 디테일한 부분을 수정했다. 하면서 느낀점...개발자가 어떻게 일하는지 궁금하다. 피그마에 개발자모드가 추가되어 디자이너와 개발자가 페이지를 공유하며 작업할 수 있는데 피그마에서 확인한 디자인을 어떻게 구현해내는지 신기할 따름...디자이너로서 어느정도 역량을 완성하고 나면 프론트엔드쪽도 공부해보고 싶다. 이전 프로젝트..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 스팩폴리오 프로젝트 회고 - 3주차

스팩폴리오 프로젝트 3주차 시작! 3주차부터는 웹 메인 페이지별로 디자인 작업까지 마무리됐다. 인원이 많으니 와이어프레임단계까지만 마치면 디자인은 금방 입혀지는 느낌...당장 급했던 메인페이지 작업이 끝나니 여유가 생겨 모바일 앱도 제작을 시작했다. 디자이너가 10명이라 5명은 웹 세부 페이지를 담당하고 나머지 5명이 앱 디자인을 시작했다. 난 웹을 끝까지 경험해보고 싶었던 터라 웹에 남아서 작업! 웹 상세페이지들은 우선 프로토타입으로 보여줄 페이지를 정해보고 각자 맡아서 디자인을 시작했다. 난 포트폴리오 상세 페이지를 담당해 작업을 했는데 뭔가...뭔가...그냥 정석적인 느낌..? 노트폴리오나 비핸스, 드리블을 레퍼런스로 많이 참고했더니 어쩔 수 없나보다ㅋㅋㅋ...이런 저런 다른 시안도 만들어봤지만 하..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 스팩폴리오 프로젝트 회고 - 2주차

스팩폴리오 프로젝트 2주차 시작! 2주차부터는 개발자 네 분이 본격적으로 합류해 협업을 시작했다. 다만 개발자분들도 이제 막 사전직무교육을 마치고 왔고, 디자이너들도 개발자와의 협업은 처음이 팀원들이 대대수였기에 초반엔 어떻게 소통해야할지 어려웠다. 그래도 월~화에 걸쳐 웹팀, 앱팀, 개발팀 각각 팀장을 정해 팀장회의를 통해 소통하기로 결정한 후부터는 순조롭게 잘 흘러간듯? 2주차는 1주차에 작업한 서비스 분석과 설문조사 데이터를 바탕으로 IA 구조를 정리하고 와이어프레임 및 상세페이지 제작에 들어갔다. 사실 지금까진 전체 페이지 와이퍼프레임을 제작하고 하나씩 디자인을 입혔었는데 이 방식대로면 디자인이 제작되기 전까지 개발자들이 할 수 있는 일이 없어 급하게 상세페이지 제작을 시작했다. 인원이 많다보니 ..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 스팩폴리오 프로젝트 회고 - 1주차

3주간의 유데미 큐레이션 사용성 개선 프로젝트가 끝나고 새 프로젝트가 시작됐다. 기존에 예정됐던 와이앰에스닷코 & 해커톤 프로젝트가 사라지고 4주 간 개발자들과 함께 진행하는 스팩폴리오 웹/앱 구축 프로젝트를 진행하게됐다. 와이앰에스닷코 프로젝트 시작을 불과 사흘 앞두고 갑자기 일정이 변경되어 당황스러웠지만 개발자들과 4주간의 협업을 해볼 수 있다는 점에서는 오히려 좋은 듯 했다. 3주간 함께했던 팀원들과 헤어지고 새로운 팀원들과 함께하려니 역시 어색했다. 심지어 이번 프로젝트는 무려 10명이 한팀이 되어 작업을 진행하다보니 초반엔 확실히 소통이 전에 비해 어려웠던 것 같다. 작업을 함께하다보면 자연스럽게 해결될 문제같아 곧바로 작업을 진행했다. 1주차에는 스팩폴리오 서비스에 대한 전반적인 서비스 분석 ..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 유데미큐레이션 개선 프로젝트 회고

어...음....2차 팀미션이 끝난지 일주일이 지나서야 프로젝트 회고를 작성한다. 새로운 프로젝트에 적응하느라 완전 잊고 있다가 오늘 오랜만에 13일의 금요일 팀원들을 만나 추가로 진행한 내용을 나눠봤다. 아아 다들 그립습니다.. 프로젝트 전체 KPT작성 Keep: 개개인이 적극적으로 의견을 피력할 수 있는 분위기 조성. Problem: 다른 의견을 지나치게 존중한 나머지 방향성이 정해진 두에도 다른 의견이 나오면 일일이 고려하는 것. 이렇게 되면 돌고 돌아 결국 처음 정한 방향으로 가게되는 과정에서 시간이 많이 소요됨 Try: 방향성을 정할 때는 처음에 확고히 정하고 세부적인 추가 의견은 적극적으로 반영하되, 큰 틀은 수정하지 않기 3주간의 웅진씽크빅 프로젝트를 진행하며 많은 것을 느끼고 배웠다. 우선..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 유데미큐레이션 개선 프로젝트 2주차 회고

유데미큐레이션 사용성 개선 프로젝트를 진행한지 2주가 지났다. 지금 와서 생각해보니 인턴형 프로그램 1주차 팀미션때 말도 안되는 짧은 기간동안 빡세게 프로젝트를 진행해본게 큰 도움이 되는 듯하다. 뭔가 자꾸 시간이 조금씩 남는다.... 다른 팀들도 이런가...? 어쨋든 지난주 퍼소나와 저니맵까지 마친 후 한주 동안 많은 진전이 있었다. 이번주에 진행한 내용을 정리해본다. UI 스케치 IA 구조 및 유저플로우 제작 와이어프레임 디자인시스템 제작 팀원들끼리 두 시간 정도 동안 각자가 생각하는 UI스케치를 그려봤다. 아무리 함께 프로젝트를 구상해왔다고 하지만 실제로 각자가 머리속에 그리고 있는 UI는 차이가 있는 부분이 종종 있었다. 5개의 스케치에서 토론을 통해 최적의 디자인을 정하고 더 발전시켰다. 그냥 ..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 유데미큐레이션 개선 프로젝트 1주차 회고

3주간의 사전직무교육과 1주간의 팀미션을 마치고 처음으로 실무를 맡아 한 주간 프로젝트를 진행했다. 첫 업무는 유데미큐레이션의 메인화면 사용성 개선 프로젝트. 팀미션에서 아쉬웠던 부분이 많아 실무는 더 집중해서 임하자는 생각으로 가지고 있었다. 사실 처음 새로운 팀원들을 만나 이야기를 나눌 때는 어색해서 많이 걱정했었는데 본격적으로 업무 들어가니 금방 어색함이 풀렸다. 우선 한 주동안 진행된 프로젝트 상황을 정리해본다. 우선 유데미큐레이션의 서비스 분석을 통해 painpoint부터 insight, 솔루션가지 도출해냈다. 5명이서 진행하다보니 다들 공통적으로 불편하다고 느낀 점이 많았고 각자 생각치도 못했던 불편한점을 찾아내기도 했다. 다만 계속해서 진행하다보니 이 과정은 많이 수정되기도 했다. 위의 사진..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - 팀미션 회고1

3주간의 사전직무교육을 끝내고 인턴형프로그램 첫 주차 중간을 보내며 느낀점이 많다... 나 진짜 엄청 부족하구나...무슨 자신감으로 취업할 생각을 했었지ㅋㅋㅋㅋㅋ 결론적으로 말하자면 팀미션 프로그램은 얻는게 정말 많은 것 같다. UXUI공부를 시작한 이후로 항상 혼자서 작업하다가 처음으로 다른 사람과 함께 작업을 해봤다. 다행이 팀원분들도 너무 좋은 사람들이라 편한 분위기에서 많은 점을 배우고 있다. 다만...확실히 내가 아직은 역량이 많이 부족하다는 걸 깨닫고 있는 중이다ㅋㅋㅋㅋ 우선 팀 미션 주제는 '동기부여'다. 이 주제로 어떤 서비스를 만들지 대충 생각해보고 첫 회의때 던졌는데 다들 흔쾌히 주제로 정했다ㅋㅋㅋ.. 그렇게 정한 우리 팀의 서비스는 '위시리스트 구매를 위한 돈 모으기 동기부여서비스' ..

[유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정 - Day 13(11/16) : 메인화면 UI 완성하기

드디어 실습 마무리...! 3주차에 호다닥 하다보니 어느새 메인화면 디자인 작업들도 마무리 됐다. 와 처음에 생각했던 것보다 많은 부분이 수정되어 디자인뿐만 아니라 내용도 많이 바뀌었다. 실습 Day 13(11/16) 메인화면 UI 완성 기존에 구상했던 페이지보다 10페이지 가량 늘어났다. 사실 와이어프레임을 좀 세세하게 제작해서 UI디자인은 그냥 색이랑 이미지만 추가하면 될 줄 알았는데 전혀 달랐다. 강사님이 그렇게 강조하시던 이유를 이해했다. 디자인 작업을 진행하면서 추가적으로 필요한 페이지도 생겼고 컴포넌트나 폰트, 그리드도 수정할 부분이 엄청 많았다. 1차 완성본에 대해 강사님께 피드백을 받았는데 폰트가 전체적으로 너무 작다고 레이아웃간 간격도 넓다고 짚어주셨다. 사실 피그마 화면에서 볼 땐 충분..