토스
-
토스#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%로 작업을 진행하였습니다. 실제 엑슈어 인터랙션 작업물은 공유드립니다. 앱이라 높이 값이 적어, 스크롤이 빠르게 내려갈 경우 엑슈..
-
1. Visibility of System StatusUX/10 Usability Heuristics 2020. 11. 25. 13:23
Visibility of System Status UX 디자인은 항상 합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황을 계속 알려야 한다. 유저들은 항상 자신의 상황을 알고 싶어하는 경향이 있습니다. 대표적인 예로 온라인 구매 시 내가 산 상품의 현황 즉 출고는 언제 되었는지, 물류 허브에는 언제 도착하는지 등 유저와 관련된 상황을 알려주고 있습니다. 이러한 고객의 요구를 맞게 다양한 상황에서 꼭 해당 원칙을 지켜 더 나은 UX를 제공해야합니다. 이러한 경험이 중요한 이유는 현재 시스템 상태가 무엇인지 알면 사용자가 이전 상호작용의 결과를 학습하고 다음 단계를 결정하는 데 도움이 될 수 있습니다. 또한 브랜드와 제품의 신뢰가 향상되는 효과도 있습니다. tip 1) 명확하게 유저와 시스템의 ..