UXUI 디자인
-
[레퍼런스 분석] 06 '캐치테이블' 앱 분석UXUI 디자인 2024. 6. 18. 20:46
서비스 소개어플 은 식당 예약 및 웨이팅 서비스를 제공한다. 사실 식당 예약이 필요할 때 사용할 대체 서비스는 매우 많은데, 그중 캐치테이블을 이용하는 이유는 맛집만 소팅해서 보기 가장 편리하기 때문이다. 원하는 지역 + 일자 + 시간대를 필터링해서 다양한 맛집을 탐색하고 마음에 드는 곳을 예약하게 된다. 화면 구성캐치테이블의 바텀바는 홈 / 검색 / 소셜(타임라인) / 예약 관리(마이다이닝) / 마이페이지 5개로 구성되어 있다. 이번에서는 내가 맛집을 찾아 예약하는 과정 자체에 집중해서 어떤 페이지들이 주로 사용되는지 분석해보려 한다. 가상의 상황과 태스크를 만들어서 어떤 경험을 하게 되는지 보고 디자인에 따른 페인 포인트를 찾아보기로 했다. *가상의 상황 및 테스크6/22(토) 오후 4시쯤 친..
-
[제로베이스] UIUX 디자인 스쿨 _ 7주차_01UXUI 디자인 2024. 6. 17. 18:32
기업 프로젝트 - 작업 완료드디어 어제 기업 프로젝트의 작업을 다 끝냈다. 시안 2개 + 스타일 가이드가 포함된 발표자료까지 만들어보자고 협의가 됐기 때문에 지난주에 공수가 가장 많이 들어갔다. 우리는 전부 아마추어긴 하지만, 이왕 기업과 협업하는 프로젝트를 맡은 만큼 실제로 일을 받아서 한 거라는 생각으로 임했고 결과물도 좋게 나온 것 같다. 1) 주요 페이지 작업시안1의 아웃풋 메인 페이지상품 리스트 페이지상품 상세페이지콘텐츠 페이지콘텐츠 리스트 페이지마이 페이지컬러, 폰트를 포함한 가이드 시안2의 아웃풋메인 페이지상품 리스트 페이지상품 상세페이지이벤트 페이지마이 페이지브랜드 소개 페이지컬러, 폰트를 포함한 가이드 2) 발표 자료 작업 발표 자료도 2가지로 나눠 완성했다. 같은 뿌리에서 다른 결의 ..
-
[제로베이스] UIUX 디자인 스쿨 _ 6주차_02UXUI 디자인 2024. 6. 11. 23:09
기업 프로젝트 - 디자인 기획 정리 오늘은 마지막 완성 작업을 앞두고 디자인 기획 내용을 프레임 워크에 따라 정리해 보는 시간을 가졌다. 지금까지 진행한 모든 미팅록을 다 훑으면서 단계별로 정리하니 '아, 우리가 아예 잘못된 방향으로 가고 있진 않았구나'라는 생각이 들면서, 동시에 누락하면 안 될 중요한 것들을 한번 더 챙길 수 있어 좋았다. 굉장히 유의미한 시간이었고 디자인이란 건 확실히 예쁘장하게 보여주는 것을 넘어 '왜 이렇게 디자인했는가'를 설명할 수 있어야 한다는 것을 다시 한 번 느꼈다. 기업 프로젝트 - 보완점 및 아웃풋 요소 정리기획 내용을 정리한 뒤에는 2차 피드백을 기반으로 보완해야 할 점을 논의하여 방향성을 정하고, 마지막 완성 단계에서 어느 정도의 아웃풋을 구현해낼 것인지에 대해서..
-
[레퍼런스 분석] 05 '넷플릭스' 앱 분석UXUI 디자인 2024. 6. 11. 13:46
서비스 소개어플 는 글로벌 OTT 서비스로, 인기 국내외 콘텐츠 및 자체 시리즈의 스트리밍 서비스를 제공한다. 최근 2월 와이즈앱·리테일·굿즈>가 발표한 조사에 따르면 넷플릭스가 OTT 국내 점유율 1위, 사용시간 점유율 1위를 모두 차지했다고 한다. 화면 구성[홈 - 메인 화면]넷플릭스 어플을 켜면 프로필 선택 화면이 나타나고 프로필을 클릭하면 홈 화면으로 이동한다. 홈 화면 상단에는 크게 최신 등록 콘텐츠의 포스터가 뜨고 콘텐츠 보기 / 바로 재생 / 찜하기 3가지의 액션이 가능하다. GNB 영역에는 크롬캐스트 / 검색 / 계정 관리 3가지 버튼이 있고 그 아래에는 카테고리 영역이 위치한다. [홈 - 검색] GNB 영역의 돋보기 버튼을 클릭하면 위 검색 페이지가 노출된다. 특정 키워드를 입력했을 ..
-
[제로베이스] UIUX 디자인 스쿨 _ 6주차_01UXUI 디자인 2024. 6. 11. 00:15
기업 프로젝트 - 시안 수정 작업지난주에 받은 1차 피드백에 따라잡은 수정의 방향성은 다음과 같다.전형적인 쇼핑몰 디자인, 기존의 고착된 브랜드 이미지 탈피 '후킹 포인트'를 만들어 사이트만의 색깔이 확실히 드러나도록 한다.컬러를 조금 더 자유롭게 사용해본다.브랜드, 상품 하나하나의 스토리텔링을 강조한다.매거진 형태를 메인 화면의 주요 레이아웃으로 가져간다.필요시 신규 콘텐츠 기획 진행한다.멤버십 강조 / 재구매 유도 기능 유지재방문을 유도할 수 있는 콘텐츠 강화멤버십 및 혜택 정보 우선 노출 한 화면 안에 유도한 액션이 확실히 드러나도록 한다. 위 방향성을 기준으로 각자의 아이디어를 디자인으로 시각화하다 보니 크게 두 가지의 다른 시안이 나왔고, 하나로 합치기보다 2개를 작업하여 피드백을 받아보기로 ..
-
[제로베이스] UIUX 디자인 스쿨 _ 5주차_02UXUI 디자인 2024. 6. 5. 00:51
기업 프로젝트 - 팀미팅어제 받은 피드백에 따라 수정된 방향성에 맞춰 레퍼런스를 수집해 모였다.브랜드 가치와 상품 하나하나의 스토리텔링을 살릴 수 있으려면 기존과 다른 모듈 디자인과 톤 앤 매너가 필요할 것 같았다. 인상 깊었던 레퍼런스 1. 까사미아 공식몰 정말 가볍게 '까사미아 같은 브랜드는 어떤 느낌으로 웹사이트 디자인을 했을까?' 궁금한 마음으로 들어가 본거였는데 공식몰인 의 배너 디자인에서 약간의 아이디어도 얻을 수 있었다. 에디슨몰의 '따뜻한' 브랜드 느낌을 주기 위해서는 난색이나 여리여리한 파스텔톤을 써야 한다는 선입견에 사로잡혀 있었던 것 같은데 보다 더 다양하고 과감하게 컬러를 써도 되겠다는 생각을 했다. 2. EQL한섬에서 운영하는 온라인 편집샵 은 처음 접근은 '매거진' 형태의 감도..
-
[제로베이스] UIUX 디자인 스쿨 _ 5주차_01UXUI 디자인 2024. 6. 3. 20:04
기업 프로젝트 - 1차 피드백 (완)오늘은 에이전시 담당자님께 1차로 나온 디자인에 대한 피드백을 받았다. 지난주 내내 모든 팀원이 시간을 갈아 넣어서 만든 만큼 어느 정도 완성된 형태로 피드백을 받게 되어서 조금 더 세부적인 의견을 들을 수 있었던 것 같다. 받은 피드백 요약화면 안에서 유도하려는 액션이 분명하면 좋겠다.전반적으로 톤이 차분하여 눈에 띄는 요소가 있으면 좋겠다.우리는 디자이너니, '창의성', '파격성'이 들어가도 좋을 것 같다. 현재는 실제 운영되는 사이트의 모습처럼 디자인 했지만 컨셉과 의도가 잘 드러나는 디자인이 나오면 좋겠다.육아생활 페이지 모습은 우리가 원했던 방향이 맞다. 그것을 구분된 페이지로 분리할 것인지, 하나로 합쳐서 보여줄 것인지는 사용자 입장에서의 고민이 필요할..
-
[레퍼런스 분석] 04 '매머드오더' 앱 분석UXUI 디자인 2024. 6. 2. 16:18
서비스 소개어플 는 프랜차이즈 카페 브랜드 매머드커피의 스마트오더 서비스를 제공한다. 집 근처 걸어서 1분 거리에 매머드커피 테이크아웃점이 있어서 자주 쓰는 앱이고 사용성도 꽤 좋은 편이다. 스벅의 사이렌오더나 패스오더와 달리 정말 '주문'에만 집중한 단순한 디자인이 특징이다. 내가 시키는 메뉴는 2가지 정도로 정해져 있기 때문에 빠르면 결제까지 40초 정도 걸린다. 화면 구성[홈 화면]홈 화면 구성GNB : 카테고리, 로고, 바코드, 알림 롤링 배너 : 광고 구좌모아보기 : 일종의 마이페이지 역할을 한다. 이달의 추천 메뉴 : 광고 구좌MY 메뉴 : '자주 주문하는 메뉴'를 빠르게 주문하도록 유도하는 기능매머드오더의 디자인이 굉장히 단순하다고 느낀 이유가 있었다. 매머드오더에는 바텀바가 없다. 보통 ..