Prototype/BenchMarking
-
왓섭#1Prototype/BenchMarking 2021. 1. 5. 13:20
최근에 '신개념 내 돈관리'를 슬로건으로 신규 서비스인 왓섭이 런칭하였습니다. 신규 서비스 가입과정에서 괜찮은 UX가 보여 AXURE로 작업해 보았습니다. 모바일 회원가입시 작은화면에 많은 인풋필드가 있으면 유저의 이탈확률이 높아지게됩니다. 따라서 최근에 간편가입이나 필수로 받아야하는 경우 한 화면에 하나의 인풋필드만 물어보는 경우가 있습니다. 한 화면에 하나의 인풋필드의 경우 화면을 여러번 넘겨야 하는 문제점이 있는데, 이런 부분을 보완한 UX라고 생각합니다. 프로토타이핑 주소 : zg0gge.axshare.com Axure로 구현시 가장 문제가 되었던 부분은 전화번호 입력시 자동으로 " - " 가 생성되는 부분입니다. 기능상으로 show/hide로 인풋필드를 조작해야하는데, 매끄럽지 않았고 input..
-
토스#2Prototype/BenchMarking 2020. 12. 25. 16:43
토스 앱 서비스의 주요 기능들을 하나씩 엑슈어로 벤치마킹을 하여, 엑슈어의 기능성에 대해 공유하고자 합니다. 두번째로 토스 앱의 첫 화면하단에 있는 홈 편집 금액 숨기기 기능을 살펴보고자 합니다. 구현해야할 기능 list - 홈 편집 금액 숨기기 기능 클릭 시, 생체 정보 인증 팝업 생성 - 각 list 별 드래그 & 드롭 기능 - 드래그 & 드롭 완료 시 하단 바텀 enable - 저장 버튼 클릭 시 위치 값 저장 후 메인 위치 값 변경 - 저장 버튼 클릭 시 로딩 바 구현 * 프로토타입 특성상 첫번째 List 만 구현한 점 참고 바랍니다. * 위치가 변동된 후 다시 편집 진행 시 변경된 위치로 가는 것은 구현하지 않았습니다. 프로토 타이핑 주소 : sf6l5u.axshare.com
-
토스 #1Prototype/BenchMarking 2020. 12. 8. 00:50
토스 앱 서비스의 주요 기능들을 하나씩 엑슈어로 벤치마킹을 하여, 엑슈어의 기능성에 대해 공유하고자 합니다. 첫번째로는 토스 앱의 첫 화면에서 상단 네비바 영역을 작업하였습니다. 프로토 타이핑 주소 : dfe5gh.axshare.com Untitled Document dfe5gh.axshare.com 토스 상단 내비의 주요한 점은 배경의 투명도를 조절한 점입니다. 스크롤은 조금씩 천천히 하게되면 각각의 영영마다 투명도 값이 달라지는 것을 확인할 수 있습니다. 실제 토스에서는 몇단계를 두어 작업하였는지는 정확히 모르지만, 저는 5단계로 10%, 30%, 50%, 70%, 100%로 작업을 진행하였습니다. 실제 엑슈어 인터랙션 작업물은 공유드립니다. 앱이라 높이 값이 적어, 스크롤이 빠르게 내려갈 경우 엑슈..