EXPERIENCE 22

Playlink(18)

오늘은 상세페이지 싹 리디자인 하고 있었다. 사진의 중요도가 떨어지는데 크게 들어가있어서 배경으로 깔고 타이틀을 그 위에 적어서 하단으로 스크롤 할 때 정보가 많다는 느낌을 줄여봤다그 아래 정보들도 중요도를 생각해서 배치 순서를 고민해보는데 .. 은근 어렵네... 고민하다가 채팅방 배경 색상부터 해결해서 끝내자! 싶어서 이것 저것 해보다보니 그냥 채팅방은 다른 UI 화면들과 달리 소통을 하고 안으로 들어왔다는 느낌을 주는게 더 대화에 집중? 몰입할 수 있지 않을까 해서 색을 넣는게 낫겠다 싶었고 배경 색에 프로필 색상이 비슷해지는건 프로필 기본 이미지를 좀 더 진하게 하는걸로. 이 외에도 어제 구성해놨던 매칭관리 페이지 구성과 플로우 기획한거 총괄님한테 보고 했는데 좋다고 하셨다 기획하면서 디자인 작업 ..

Playlink(17)

오늘은 정말 편하게 고민하고 생각하는 시간을 가졌었다 채팅방 색상 활용 고민필터 오버레이창 구성 라인 없애기표현법 다양하게 고민 채팅방을 열심히 수정해봤다.. 세번쨰가 제일 보기 편한 것 같기는 한데,,, 안정감은 두번째..? 선이 많아서 복잡해 보이던 부분을 해결하려고 했다레벨, 성별, 연령,, 부분은 운동종목처럼 배경을 넣을까,,, 고민하고 있다가 일단은 유지하는걸로. 날짜 선택도 요로코롬..?버튼 활성화도 날짜 하나 선택했을 때 활성화 그리고 나서 필터가 오버레이로 뜨는걸 보다 이런 저런 표현 방식도 생각해봤다 지금은 탭을 눌러야 이동이되는데 길게 나열해서 탭을 눌러서도 이동 되고 스크롤로 내리면서 하나하나 할 수 있게 하면 좋지 않을까,,,,근데 생각해보니까 굳이.. 필요 없을 것 같기도.>..

Playlink(16)

오늘은 좀 느긋하고 차분하게 혼자 조용히 작업했다메인 홈 디테일 한번 더 확인해서 완성하고 본격적으로 시작!와이어프레임 만들어둔 초대하기 팝업 완성매칭 수정사항 채팅방에 공지띄우는 UI새로운 네비게이션 컨포넌트화매칭 수정 플로우 완성채팅방 UI 디자인 수정마이페이지 매칭 관리 UI 레이아웃 변경프로필 구성 메인 홈 화면을 얘기하면서 수정 완료했더니 여백이랑 사이즈가 홀수인게 있어서 수정 완료..! 상세페이지에서 이어지는 초대하기 팝업 빠르게 완성..?? 뭔가 디벨롭이 필요할 것 같기는 하다 그리고 채팅방이 와이어프레임 느낌이 강해서 더 시원한 시야로.. 해보려고 상단부분으로 올라가는 채팅이비쳐서 보이도록 바꾸고 배경도 너무 휑한 느낌? 이 없도록 배경색을 넣어봤다근데 ... 기본 이미지.. 색상이랑..

Playlink(15)

홈화면 어제 만들어둔 UI가 뭔가 계속 머리에 이상하다.. 싶게 맴돌아서 다시 작업하고 총괄님이랑 구성 확정 및 기획 설계를 했다메인 홈화면 재구성 및 확정동네 설정 화면 구체화모임 만들기 플로우 변경팔로우/초대하기 기획프로토타입 공부 메인 홈 화면은 어제 만든 것들이 위아래가 따로 노는 느낌도 있고, 네비게이션에 있는 매칭 항목 화면과 똑같이 들어가는게 이상했다.그래서 재구성..총괄님이랑 확정하려고 얘기하는데 매칭 리스트에 있는 정보를 어떻게 구성할지 은근 긴 토론이 진행됐다 총괄님은 다른 풋살모임 홈페이지를 예시로 보여주며 플로우가 날짜를 고르고 그 날짜에 대한 시간들마다 모임들이 있으니 우리도 날짜, 시간은 리스트 구성에 들어가야된다라는 의견이었다.나는 날짜는 맞는데 시간까지 굳이? 싶어서 총괄님 ..

Playlink(14)

오늘부터 기존 UI 기반으로 디테일 수정만 하던걸 본격적으로 브랜딩에 맞춰서 사용자 플로우를 고려한 이탈률 줄이는 디자인으로 작업을 시작했다. 네비게이션 항목 4개로 변경메인 홈 구성 및 연결 플로우 모임 카드 리스트 구성 변경메인컬러/세컨드 컬러 재설정마진값 설정 16으로 축소 떠오르는 아이디어 / 의문점 관련 기획 우선 어제 말했던 메인 홈 구조부터 뜯어고쳤다!구조를 바꾸면서 CTA 버튼에 색상을 로고 색상으로 사용하니까 색이 촌스럽...그래서 메인 컬러를 과감하게 바꾸기로..브랜딩할 때 총괄님이 원하는 느낌이 파란색을 사용하지만 친근하고 따뜻한 분위기를 추구한다고 하셔서 그에 맞게 원래 색상보다 좀 더 따뜻하고 세련된 느낌을 주면서도 기존에서 많이 달라지지 않는 선에서 고민 많이 했다..세컨드 컬..

Playlink(12~13)

진아님한테 필요한 캐릭터나 그래픽 작업 리스트 정리해서 전달하고 작업 시작..!!어제 얘기하면서 정했던 것들 작업했다비주얼 디자인 작업 필요한 리스트 전달 레벨카드 피드백 반영레벨테스트 진입 UI 뒤로가기 플로우후기 팝업에 들어갈 로티 애니메이션 / 구성 다양하게.. 먼저 지루하지 않게 느껴질 로티 애니메이션을 찾는데... 퀄리티가 너무 별로인 것들이 많았다...그래서 저번부터 로티 보면서 영상 작업 배워보고 싶다는 생각이..... 그렇게 후기 팝업부터 이어지는 플로우 완성했다. 원래는 후기 작성하는 팝업과 똑같이 보여줄까.. 하다가 편지가 도착한 느낌을 주랴고 바꿨다.사실 월요일부터 작업하면서 고민하는 시간이 길어서.. 늦은 새벽까지 작업하느라 블로그 쓰는게 미뤄져서 뒤죽박죽,.. 저번 글에 완성본 ..

Playlink(11)

작업이 늦게 끝나서 밀렸던..날.. 이제야 정리한다...타이틀 폰트 사이즈 업온보딩/동네 선택/레벨카드/받은 후기 UI 피드백매칭 요청 버튼 중복 사용된 것 변경동네선택 플로우 검색 페이지 분리온보딩 애니메이션 완성온보딩 동네 선택완료 UI마이페이지 수정 취소 팝업 제안받은 편지 플로우 변경 제안 만들어둔 것들 피드백 받고 자꾸 UI들이 허연 느낌.. 뭔가 MVP에서 벗어나지 못하는 느낌..이 계속 들어서 총괄님한테 자꾸 플로우 물어보고 질문 폭탄이 된다..ㅋㅋㅋㅋㅋ원래는 디자인은 내가 알아서 하고 새로 변경하는 것들만 전달하다가 점점 디자인 수정 요청이 많아지면서 원하시는대로 만들기만 하게 된 것 같다.. 그래서 좀 아쉬운..? 기분.. 나도 이유 있는 디자인이라 설명하고 전달은 하지만 조금 기존 UI..

Playlink(10)

어제 체크했던 작업 우선순위대로 작업 시작..! 동네 필터링 UI완료 페이지레벨테스트 완료 카드 색상 변경마이페이지 후기 리스트 동네 필터링... 와이어프레임 가지고 정말.. 고민하다가 답이 안나와서 이 기능을 사용할 때 뭐가 필요할까... 생각해보니까 금방 구조를 잡았다 뭐가 필요할지 생각해보니까 위치를 설정할거면 일단 검색기능이 있어야된다 생각해서 넣고 페이지 설명까지 넣고 보니까.. 너무 상단이 답답한 느낌...? 이를 어쩐다..... 기능 설명 부분을 지워도 될 것 같기도..?일단 지도가 답답해보이면 내 경험상 어플 자체가 답답함을 주기 때문에 거리 설정은 오버레이로 만들어서 내릴 수 있게 했고, 완료 버튼을 눌러야 설정 완료된 느낌이 들 것 같아서 요로코롬 완성이 되었다 그리고 계속 비어보이던..

Playlink(9)

오늘.. 정말 많은게 진행됐다레벨테스트 로딩 페이지 확정마이페이지 플로우 확정 (받은 후기 제외)후기 작성 아이콘 확정후기 작성 플로우 확정필수/복수 선택 항목 표시버튼 크기 조절매칭 요청 페이지 버튼 색상 확정모임 개설 시간 선택, 인원 선택 항목 레이아웃 확정온보딩 플로우 완성 레벨테스트 로딩 페이지에 영상으로 들어가서 지루하지 않으면 좋겠다.. 라는 생각 하나로 이것저것 고민해보다가 로티에서 딱 맞는거 찾았다.....총괄님도 대만족 하셔서 아아아아주 뿌듯하고만요 ㅎㅎㅎ진입 페이지도 화이트라 비어보이는 것 같아서 그라데이션 살짝쿵.. 마이페이지 어제 완성했던 UI들 피드백 받고,현재 실제 사용자 의견 기반으로 요청 확인하는 방법을 못찾았다..길래... 알림 표시가 있어야된다 해서 알림 표현 방법 고민..

Playlink(8)

어제 정리했던 피드백 받을 것들에서 픽스될 UI들 완성하면서 시작! 업로드 이미지 없을 경우, 기본 이미지 확정후기 작성 메인홈 팝업 UI 확정레벨테스트 진입 페이지 레이아웃 수정사항 확인채팅 플로우 확정메인 홈 ~ 검색 플로우 확정상세페이지 공유 기능 추가신고하기 플로우 UI 통일 확정모임 만들기 첫 UI 아이콘 확정 오늘 일단 그동안 확정될듯 안될듯 하던 부분들 피드백 받으면서 수정하고 대부분 확정지었다기본 이미지 부분은 내가 말했던대로 통일감+캐릭터 없이 심플하게 하는걸로 확정되었고후기 작성 팝업은 위계가 애매해보인다고 하셔서 스트록으로 감싸서 확정,신고하기 플로우는 기존 UI 그대로 하면서 사용하는 컬러와 타이포만 통일 시켰다. 아직 조금 더 디벨롭이 필요하거나 아이디어가 필요한 부분이 남았지만 ..