Kraken
Crypto Exchange

An UI/UX case study on Market Order Shortcuts

Designing UI based on wireframes: Letting users choose their preferred picker for Market Orders.

Curious about what is a Market Order? You can check it here.

"(...) was to break away from the 'tight Tetris' approach to arranging components. We encounter this issue in every trading interface. Often, the elements are too small and tightly packed together, making it difficult for users to navigate without experiencing some degree of frustration.

(...) the Buy and Sell toggle precedes the modalities because it represents the initial decision in the process, thus it's positioned first on the left. The bottom area is designated for the Buy button, which signifies the final action in the decision process and should not compete with other buttons or data."

(...)the upper part of the screen narrates the story through design; the slide UI is precisely boxed to resemble a 'component' that can be added or removed.

(...)at the bottom, an animation would gently fade the interface around the component, helping the user understand the direct correlation between what they see at the top and what will happen in the bottom interface."

"(...) at the bottom, an animation would gently fade the interface around the component, helping the user understand the direct correlation between what they see on top and what will happen in the bottom interface."

"(...) the same goes for rounded corners - all these elements combined create a less technical, less 'terminal' feel and a colder look for the app.

This is what mass adoption looks like."

"(…) switched the positions of the Buy button and the NumPad, considering that the majority of users are right-handed, making it more ergonomic and comfortable to use the NumPad on the right side."

"(…) using the NumPad on the left would cause both the thumb and hand to cover the coin amount, which in this case would be right above the Buy button."

Micro-Animations: teaching users through storytelling.

Why tutorials are boring and UI animations should replace them.

Kraken is a US based crypto-currency exchange, founded in 2011 in the early days of Bitcoin.

It was one of the first Bitcoin exchanges to be listed on Bloomberg Terminal and is valued today at US$10.8 Billion.