디자인 공부 일지

안녕하세요! 저는 프로덕트 디자이너로 근무하고 있는 조현재입니다! 저는 산업디자인과를 졸업해서 광고 대행사에서 디자이너로 근무하다가, 제로베이스 UIUX 디자인 스쿨을 통해서 UIUX 디자이너로 직무를 변경했어요! UIUX 디자인을 처음 공부할 땐 직장과 병행하며 인터넷 강의를 통해 독학을 했었지만, 더 자세하고 체계적으로 공부하고 싶어서 여러 온/오프라인 학원을 찾아봤었어요. 당시 직장과 병행해야 했기에 온라인을 선호하였으나, 아무래도 온라인은 케어가 잘 안 될 것 같다는 부정적인 인식이 있었어서 수강료보다는 '취업에 얼마나 도와줄 수 있는지?'를 기준으로 찾아보았고, 결과적으로는 제로베이스 UIUX 디자인 부트캠프를 선택하였습니다. 제가 참여 할 당시에는 타 부트캠프에 비해 인지도는 낮았었고 후기도..

카테고리 없음 2024. 7. 2. 18:02

어플리케이션에서 버튼은 여러 화면에서 특정 과업들을 진행할 수 있도록 하며, 정보의 중요도를 구분해주기 위해 다양한 스타일로 나타내고 있습니다. 1. Solid Button (기본 버튼) 페이지 내에서 가장 중요한 행동으로 유도하는 역할로 해당 페이지에서 가장 중요한 지점 딱 한 군데에만 쓰여야 합니다. 야놀자 Solid Button 야놀자 앱에서는 Solid Button을 탭했을때 기존의 버튼 컬러보다 어두워지면서 사용자가 버튼를 탭 하였다는 것을 인지시키고 있습니다. 무신사 Solid Button 무신사 앱에서는 Solid Button을 탭했을때 기존의 버튼 컬러보다 밝아지면서 사용자가 버튼를 탭 하였다는 것을 인지시키고 있습니다. - 2. Ghost Button (보조 버튼) 솔리드로 채워져 있지 ..

카테고리 없음 2023. 6. 6. 22:25

1. SSF SHOP - 페이지 로딩 후 토스트 모션으로 노출되고 있음 - 자동/수동 스와이프 가능 - 팝업 이미지 외에 다른 화면을 탭 하여 제거할 수 있음 - 팝업을 닫을 때도 동일한 모션으로 사라짐 - 2. 쏘카 - 페이지 진입 시 딤 처리가 되면서 모션 없이 나타남 - 이미지 아래에 팝업 닫기 기능의 텍스트 버튼이 배치되어 매우 직관적 - 자동 스와이프되어 사용자가 스와이프 기능을 인지할 수 있도록 하고있음 - 3. 우리동네GS - 페이지 진입 시 딤 처리가 되면서 토스트 모션으로 나타남 - 닫기버튼이 이미지 위에 아이콘으로 배치되어 있음 - 수동 스와이프만 가능함 - 닫았을 때 토스트 모션으로 이미지가 사라짐 - 4. 쿠팡 - 페이지 진입 시 딤 처리가 되면서 토스트 모션으로 나타남 - 팝업 닫..

래퍼런스 분석 2023. 6. 5. 16:31

1. 무신사 무신사 리뷰 페이지의 경우 후기 탭부터 후기의 수를 노출하고 있어 해당 상품의 인기를 간단하게 파악할 수 있다. 하지만 제품에 대한 별점만으로는 구체적인 특징을 파악하긴 어려운데 무신사의 경우 다양한 제품 속성 태그를 활용하여 리뷰 필터를 더욱 세분화하고 사용자에게 제공하고 있다. 이는 사용자가 원하는 속성을 기준으로 쉽게 서치 할 수 있도록 도와주기 때문에 사용성이 좋다고 생각한다. - 2. 배달의 민족 배달의 민족의 경우 리뷰 페이지라고 생각하면 떠오르는 기본적인 디자인으로 전체 평점을 노출하면서 각 점수별 리뷰의 분포수도 노출하고 있다. 추가로 아래 월별 평점을 그래프로 보여주며 해당 음식점이 얼마나 꾸준하게 소비자들에게 신뢰를 받고 있는지 판단할 수 있다. 그리고 소비자가 다른 소비자..

래퍼런스 분석 2023. 1. 9. 09:20

지그재그의 경우 필터가 여러 옵션들로 세분화되어있어 유저가 원하는 옵션의 제품을 간편하게 찾을 수 있다. 유저가 필터를 적용하면 적용된 옵션의 수가 나타나는 것이 좋다고 생각한다. 가격과 키에서 슬라이더를 활용한 부분은 재미있기도 하고 가격별 상품의 분포도 알 수 있어 좋은 디자인이라고 생각한다. - 무신사의 경우 필터 페이지가 따로 나타나지 않으며 지그재그와 같이 옵션들이 세분화되어있다. 유저가 선택한 옵션들은 필터 내부에선 자세히 노출되지만 옵션 검색결과 후에는 노출되진 않고 해당 옵션이 포함된 필터의 컬러가 바뀌게 된다. 지그재그처럼 해당 필터에서 선택한 옵션의 수를 노출하거나 아래 서울스토어와 같이 선택한 옵션들이 노출되면 좋을 것 같다. - 타사 앱들과는 다르게 필터가 FAB로 되어있어 눈에 잘..

래퍼런스 분석 2023. 1. 2. 09:41

최근에 개인적으로 좀 복잡한 일이 많았고 계획표보다 좀 느린 속도로 작업하고 있는 것 같아서 조금 답답하다. 우선 목요일에 라이브 피드백을 받고 와이어프레임을 최대한 마무리하고 디자인 작업을 진행하였다. 밝은 그린계열의 컬러를 포인트 컬러로 활용하려하는데 아무래도 색이 너무 튀어 잘 활용할 수 있을까 라는 생각이 든다. 그래서 포인트 컬러가 비슷한 포트폴리오를 참고하여 잘 마무리 해야겠다. https://notefolio.net/yoonyejin/319608 CHAESIKHANKKI UXUI Design Renewal - 채식한끼 UXUI 디자인 리뉴얼 This project is a personal work and is not directly related to CHAESIKHANKKI. notefol..

공부일지 2023. 1. 2. 09:41

온보딩 페이지는 앱에서 가장 먼저 나타나는 화면이며 신규 사용자들의 이탈을 막고 사용자들의 서비스 사용 시간이 늘어나도록 유도하기 위해 다양한 방식으로 활용되고 있다. 핀크 앱의 경우 현재 앱에서 제공하는 서비스의 간략한 내용을 보여주며 앱의 핵심 기능이 어떤것인지 알려주고 있는데 사용자의 경우 이 서비스를 이용 했을때 어떤 혜택을 받을 수 있는지 간편하게 알 수 있다. 보맵 앱은 온보딩 페이지에서 간단한 질문을 통해 개인화된 정보를 맞춤 제공한다. 사용자가 중간에 이탈하지 않도록 간단하게 구성하였고일러스트를 통해 사용자가 쉽게 이해할 수 있도록 하였다. 이러한 온보딩은 나에게 개인 맞춤화 된 서비스를 받고 있다는 느낌을 줄 수 있다.

래퍼런스 분석 2022. 12. 26. 09:10

이번 주에는 디자이너가 알아야 할 개발 지식에 대한 강의를 들으면서 포트폴리오 피드백과 과제를 진행하였다. 재미 있었던 강의 내용 Product designer 사용자 경험 설계 및 디지털 제품 비주얼 디자인(UX/UI/GUI) Product Development Process 1.waterfall 방식 기획단계의 첫번째 스펙이 최종까지 변경 없이 진행(변경불가) 2.agile 방식 가장 최소의 스펙을 기획하고 유저의 반응을 통해 반복적으로 수정하며 개선(점진적인 개선) 단기간에 작동하는 기능을 만들 수 있으며 문제가 생기도 바로 수정이 가능 3. 5D Define 아이디어 도출 Design 디자인 도출 Develop 개발 테스트 Distribute 앱을 사용자에게 유통 Distill 사용자가 앱을 측정..

공부일지 2022. 12. 19. 14:57