search

cryptoadvance / specter-diy

DIY airgapped hardware wallet that uses QR codes for communication with the host
MIT License
441 stars 73 forks source link

GUI improvements discussion #30

Closed stepansnigirev closed 6 months ago

stepansnigirev commented 4 years ago

GUI is a disaster. It shows all the necessary information and allows to navigate between the screens, but otherwise, it's terrible.

We need to improve both UX and UI.

UI

Would be nice to make it visually similar to the desktop app: https://github.com/cryptoadvance/specter-desktop

UX

Recovery phrase & password

Typing a recovery phrase and a password is painful - the keyboard is way too small, very easy to make a mistake. We could switch the orientation of the screen to portrait mode for this view, or completely redesign the GUI in portrait mode. How and where should we place words in this case? We could also add autosuggestion - like in a phone, words that match the first characters.

Menus & navigation

Often we have a "Back" button in the menus - should we make it more like on a phone - add a top navbar?

Current network

Should we store the last used network? Also would be nice to visualize somehow the current network in the GUI, similar to what Core does when it starts - with colors for example. People notice colors better than the text.

QR code scanning

For large transactions, it becomes annoying and sometimes impossible to scan. We could try using animated QR codes. QR scanner can scan many codes per second, but the question is how we split the transaction to multiple QR codes and recombine them if some of them are not scanned? Include an index in the beginning? Rotate and wait while we scan everything?

stepansnigirev commented 4 years ago

A dark theme similar to specter-desktop implemented in https://github.com/cryptoadvance/specter-diy/pull/33

stepansnigirev commented 6 months ago

Most of the things listed here are addressed