ui_design
-
Daily UI #026 SubscribeChallenge 2023. 5. 15. 15:46
Daily UI Challenge #026 Subscribe 오늘의 주제는 구독 관련 ui. 지난 번에 뉴스레터+이메일 구독 화면은 작업한 적이 있어서 (pop-up 에서 했던 것 같다) 다른 컨셉을 생각하다가 어제 작업했던 OTT 브랜드의 구독 화면을 주제로 잡고 진행했다. 사진은 일일이 다 만들면 하루안에 못끝낼 것이 분명하므로 넷플릭스에서 가져왔다. 따봉 넷플릭스야 고마워! 구독료나 요금제를 선택하는 화면 대신 가장 직관적인 CTA 버튼만 있는 버전으로 작업했다. 보통 구독제 서비스가 소비자를 끌어들이는 방법 중 가장 매력적인 건 역시 첫달 무료 이용이 아닐까, 생각하면서.
-
Daily UI #025 TV AppChallenge 2023. 5. 14. 16:06
Daily UI Challenge #025 TV App 스마트 TV 관련 어플리케이션 ui 만들기가 주제였는데, 아무래도 TV의 주 목적은 콘텐츠 시청이니, TV에서 서비스하는 OTT 플랫폼을 가정하여 작업했다. 기존에 있는 OTT 서비스를 토대로 작업하기는 그래서 기존에 없는 가상의 OTT 서비스를 만든다고 생각했다. 아무래도 간격이나 크기가 좀 생소해서 벤치마킹을 하는 식으로 작업하긴 했다. 어도비 생태계에 익숙해서 평소에는 XD로 작업했는데, 팀프로젝트를 하면서 피그마로 이사를 하게 되어서 앞으로는 피그마 환경에서 작업하기로 했다. 아직 모르는 기능도 많고 공부도 해야겠지만, 화이팅...!
-
Daily UI #024 Boarding PassChallenge 2023. 5. 13. 11:29
Daily UI Challenge #024 Boarding Pass 이번 과제는 Boarding Pass, 탑승권 ui다. 사실 여행을 잘 안가기도 하고 비행기나 기차도 태어나서 딱 한 번밖에 안타봐서 고민하다가 버스 탑승권 ui로 결정했다. 사실 비행기나 기차 보딩패스 ui 작업물들은 많아도 버스는 별로 없더라고요... 실제로 자주 사용하는 고속버스 예매 어플인 고속버스 티머니의 ui를 벤치마킹해서 진행했다. 평소 사용하면서 아쉬웠던 부분으로는 QR 코드 부분이 작아서 가끔 잘 찍히지 않을 때도 있다는 점이었다. 그래서 QR 코드 크기를 좀 더 키웠고, 출발일자에서 시간 부분을 가장 예민하게 보는 만큼 그 부분도 더 잘 보일 수 있도록 날짜와 정보 위계를 다르게 설정해서 강조하는 식으로 작업했다. 소요..
-
Daily UI #023 OnboardingChallenge 2023. 5. 12. 17:38
Daily UI Challenge #023 Onboarding 온보딩 화면은 나름 많이 만들어보기도 하고, 레퍼런스 찾기도 쉬워서 작업하기 편했던 것 같다. 그런데 문제는 내용... 이번에는 정말 어떤 어플을 컨셉으로 할 것인지가 중요했기 때문에 고민고민을 하다가, 평소에 소소하게 있었으면 좋겠는 '영어 받아쓰기 학습 어플'을 구상해보았다. 영어를 잘하고 싶어서 영어 공부를 열심히 한지도 몇 달째인데 스피킹, 리딩 관련된 어플이나 콘텐츠는 많아도 받아쓰기를 집중적으로 학습할 수 있는 어플은 별로 없어서 아쉬웠다. 나중에 이런 어플을 만들 수 있으면 좋겠다. 이 어플리케이션이 어떤 서비스를 제공하고, 사용자로 하여금 어떤 만족감과 사용감을 전달해줄 수 있는지를 중점적으로 레이아웃과 내용을 구성하고 작업했다..
-
Daily UI #022 SearchChallenge 2023. 5. 12. 16:13
Daily UI Challenge #022 Search 익숙하기도 하고 평소에 많이 접해보는 형식의 ui라 개인적으로는 좀 수월했다. 또 그냥 만들기는 심심해서 어플 컨셉을 생각해봤다. 취업 준비를 하면서 뉴스를 읽고 스크랩하기 시작했는데, 경제면을 볼 때마다 쏟아지듯 튀어나오는 각종 경제, 주식 관련 용어들에 구글링만 수십번했던 경험을 근거로 경제 관련 용어 검색&저장 어플리케이션을 생각해보았다. 용어를 검색하면 1-2문장 정도로 쉽게 설명해주고, 해당 용어를 단어장처럼 저장해서 주기적으로 꺼내어 볼 수 있도록 도와주는 그런 어플. 이것도 시간되면 디벨롭 해야지. 예시로 나와있는 용어들은 실제로 내가 뉴스 읽으면서 검색하고 저장했던 단어들이다. 저기서 여전히 기억하고 있는 용어는 절반도 안되네...? ..
-
Daily UI #021 Home Monitoring DashboardChallenge 2023. 5. 12. 14:56
Daily UI Challenge #021 Home Monitoring Dashboard 근래 했던 과제 주제 중에 제일 고민도 많고 수정도 많았던 주제였다. 유비쿼터스, Iot 와 관련된 ui 디자인이라고 생각되는데, 집 안이든 밖이든 조명, 에어컨, 보일러 등을 설정하고 특정 시간을 예약해 끄고 키는 등의 모니터링 어플의 ui를 생각하며 작업했다. 고민이 많았던 부분은 구역별로 설정하기 구간이었는데, 개인적으로 거실 전등 스위치를 사용하면서 가장 불편하다고 생각했던 부분이 어떤 버튼을 눌러야 내가 원하는 전등을 킬 수 있는지 알아내기가 어렵다는 점이었다. (실제로 켰다 껐다를 반복하는 일이 너무 많았음. 지금도 여전히...) 실제 우리집 거실의 전등을 본따 전개도면과 같이 구성해서 사용자가 직관적으로..
-
Daily UI #020 Location TrackerChallenge 2023. 5. 11. 23:22
Daily UI Challenge #020 Location Tracker 이번 과제 주제인 location tracker는 레퍼런스를 찾아봤을 때, 지도 어플에서 주로 볼 수 있는 경로 안내 ui로 이해할 수 있었다. 또 어떤 컨셉의 어플을 작업한다고 생각할까 고민하다가 (이쯤되면 컨셉 정하는게 제일 오래걸림) 내가 현재 위치한 곳에서 다른 장소로 이동할 때 장소 유형, 이동 수단, 최대로 가능한 이동 시간 등의 옵션을 설정하면 해당 장소를 큐레이션, 경로 안내해주는 가상의 어플리케이션 서비스를 생각해보았다. 실제로 있는지 없는지는 모르겠으나, 없으면 디벨롭해야지...히히 먼저 다음 이동 장소 및 각종 옵션을 선택할 때는 지도에 현재 위치를 비교적 작게 나타냈고, 후에 이동 장소를 큐레이션 해줄 때는 위..
-
Daily UI #019LeaderboardChallenge 2023. 5. 11. 11:18
Daily UI Challenge #019 Leaderboard 어제 2개 작업했었어야 했는데 못해서 오늘은 3개를 해야한다. 오전 중에 하나 끝냈으니까... 2개 남았다...히히.. 리더보드라는 용어 자체를 처음 들었다. 찾아보니 랭킹 시스템에서 자주 사용하는 ui를 지칭하는 것 같았다. 구글링 해보면 게임 관련 자료들이 많이 나오기도 하고. 그래서 또 어떤 컨셉으로 할까 고민하다가, 요즘 20대들 사이에서 소위 '거지방'이라고 하는 무지출 챌린지 공유 오픈채팅방이 유행이라는 게 생각났다. 누가 얼마나 벌었는지, 부자인지를 겨루는 것이 아니라, 누가 얼마나 아꼈는지를 랭킹으로 보여주는 ui를 작업해보기로 했다. '돈'의 요소를 시각적으로 보여줄 수 있는 방법을 고민하다가 코인이 쌓인 형태로 차등을 보여..