깨작거리기

Daily UI #020 Location Tracker GPS tracking unit GPS 추적 장치, 지리 추적 장치, 위성 추적 장치 또는 단순히 추적 장치는 일반적으로 위성 항법을 사용하여 이동을 결정하고 WGS84 UTM 지리적 위치를 결정하여 위치를 결정하는 차량, 자산, 사람 또는 동물의 내비게이션 장치입니다. GPS를 기반으로 현재 자기 위치 파악, 목표를 지정한 위치와 방법을 찾아 안내하는 형태다. 추가로 소요시간, 도착예정시간, 비용까지 정보가 제공된다. 걷기, 버스, 지하철 환승에 대한 정보와 이동 시간까지 계산되어 안내가 된다. 위치를 변경할 수 있도록 하며, 선택 안된 부분에 대한 임시저장까지 가능해야 한다. 또 버스나 지하철 관련 정보 또한 제공하고 있는 것이 네이버지도가 제공..

UIUX/D-100 2023. 11. 8. 00:27

Daily UI #019 Leaderboard 리더보드 Leaderboard List(리스트)나 Search(검색)의 프로필, 페이지, 계정 또는 서브레딧이 각각에 대해 상대적으로 어떤 성과를 올리고 있는지 확인할 수 있습니다 게임을 생각하고 디자인했지만, 리더보드는 많은 곳에 활용되고 있다. 경쟁사와 성과를 비교할 때나, 구글애널리틱스를 활용한다면 지난날과 오늘을 비교하여 노출관련해서 타겟팅하는 화면에서도 활용되기도 한다. 단순하게 순위 표시겠지만, 그래프와 통계표시에 중점을 두는 디자인이 중요한 요소가 될 것이다. 본인이 성과가 좋으면 상위권과의 대조표가 중요한 정보가 되겠지만, 하위권에 속한다면 상위권과는 별개의 세상일진데 이럴 때, 전체통계와 개인에 맞춘 표도 버튼 하나의 차이로 확인 가능하면 좋..

UIUX/D-100 2023. 10. 27. 00:04

Daily UI #018 Analytics Chart 러닝기록 어플인 Nike Run Club와 ASICS Runkeeper, LONGEST RUN을 사용하며 있었으면 하는 기능들을 섞어봤다. 첫째. 매년, 매월, 매주의 기록을 확인할 수 있는 것. 둘째. 내 기록들 중에서 비교하여 조금 더 나은 기록이 나오면 알려주는 것. 셋째. 평균페이스의 변화를 그래프로 표시하는 것. 넷째. 달력으로 달린 기록을 볼 수 있도록 표시 방법을 하나 더 제시하는 것. 시각적인 이미지를 위해 뛴 거리 모형을 보여주는 것을 위주로 기록 어플들이 화면 전반을 차지하지만 같은 곳을 반복해서 뛰는 경우에 이미지는 무의미했다. 오히려 내 기록의 전후, 비교할 수 있는 것을 잘 인지할 수 있도록 표시하고 신호 보내주는 것이 성취감과..

UIUX/D-100 2023. 10. 1. 23:41

Daily UI #017 Purchase Receipt 보통 영수증을 보면 상단에 구매한 곳의 사업자명, 사업자번호와 같은 정보가 먼저 적힌다. 그리고 구매한 내역과 금액이 나오는 순서다. 실제 영수증을 볼 때 종이 중간쯤을 보면 가격을 확인할 수 있는데 복잡하고 찾기 어려울 때가 있었다. 어디서 구매했는지 구매자가 아니 상호명은 아래에다 배치하면 어떨까. 감사 인사를 상단에 넣고, 구매내역을 보여주는 순서대로 했다. 만약 이벤트를 진행한다고 하면 상단에 QR코드나 링크를 걸어 배치해 볼 수 있지 않을까? 상단의 노출은 하단보다 높은 비율로 훑어볼 것이니 중요한 내용이 있다면 상단에 배치하는 것이 좋아 보인다.

UIUX/D-100 2023. 9. 26. 10:57

Daily UI #016 Pop-up Overlay 뉴스레터 신청 팝업 오버레이를 디자인했어요. Text field와 Button을 고려해 볼 수 있는 UI였어요. 버튼 레이블에 Yes Please 카피로 사용자를 대변하는 친절한 답변이라 인상적이었어요.

UIUX/D-100 2023. 9. 21. 18:02

Daily UI #015 On/Off Switch 스위치작업인데 잘못 이해한 것 같다. 다시 해보는 것으로..;;; on/off 스위치라 하니 스마트 전자기기가 생각났고, 관련 앱을 디자인했다. 실물 제품에서 전원 on/off 버튼의 아이콘과 앱에서 전원버튼의 아이콘이 다른 것을 종종 봤다. 그래서 그 아이콘을 일관성 있게 통일했다. 그리고 좀 어설픈감이 있지만 Neumorphic뉴모픽 스타일로 버튼을 디자인했다. 더 연구가 필요해 보이지만... 활성화/비활성화 차이를 불빛으로 표현도 했지만, 버튼의 음/양각으로도 표현했다. 컬러는 아쉬움이 남는다. 쨍한 컬러로 해야 하지 않을까?! 고민더 해봐야겠다. 청소모두와 구역선정 기능은 2-3개 되는 서브 기능을 선택할 수 있다. 그럼 체크박스나 탭으로 선택할 ..

UIUX/D-100 2023. 9. 8. 22:31

Daily UI #014 Countdown Timer 알람시간, 알람시간까지 남은 시간 + 시각화, 일시정지 버튼으로 디자인했다.

UIUX/D-100 2023. 9. 6. 22:15

Daily UI #013 Direct Message DM(Direct Message)은 소셜 미디어 사용자 간의 비공개 커뮤니케이션 모드입니다. 디렉트 메시지를 보내면 귀하와 수신자만 내용을 볼 수 있습니다. 인스타그램, 페이스북, 트위터는 모두 자체적인 디렉트 메시징 플랫폼을 갖고 있습니다. 수신자와 직접 메시지를 주고받는 카카오톡이 제일 먼저 떠올랐다. 친구 메뉴에 있는 업데이트 한 친구 안내를 채팅 메뉴와 합쳐서 디자인을 해봤다. 페이지 전환 없이 누가 업데이트 했는지, 누가 기념일인지 알기 쉽게 한 화면으로 구성했다. 프로필 사진, 대화상자, 대화 내역에 수신자와 내용, 시간 이들 간의 계층구조가 나눠져야 했다. 대화상자에서 작성 중 표시는 인스타그램과 어도비 DM에서 표시되는 것을 보고 참고했다..

UIUX/D-100 2023. 9. 1. 21:52