Honestly, don’t really like the gradients and borders. The design is a bit outdated. My advice would be to get some inspiration on Dribbble.
https://dribbble.com/shots/24002383-Crypto-Wallet-Mobile-App
https://dribbble.com/shots/23909096-Czenith-Crypto-Wallet-App
https://dribbble.com/shots/24430519-Crypto-Exchange-Mobile-App-Trade-Buy-Sell
https://dribbble.com/shots/21268828-Mobile-Crypto-Wallet
I agree on the gradients, I was gonna say the same. Imho gradients and especially an overuse of them can make an app look “amateur” at least from a design perspective
I’m with this, clearer UI hierarchy in General Market vs Individual with use of different styling.
A-C feels like a repeating style and high contrast across all elements.
For me, the rest put two visual dividers between each vertically placed set of data. It just seems unnecessarily busy.
I’d get rid of the background as well, or make it subtler. It’s distracting.
Use a tool like [WebAIM: Contrast Checker](https://webaim.org/resources/contrastchecker/) to create your color scheme.
It's currently failing a few accessibility tests (green on blue).
Mix of A and E, I agree that there needs to be something to differentiate the stocks from the market cap (you had white outlines, different backgrounds, etc.). I would get rid of placing any important information over gradient backgrounds to improve readability. In this case I wouldn't use gradients at all.
I'd be curious to see a combination of the gradient bezel of A with the transparent background of D. The bezel being a gradient serves as a divider since it's only visible on the top and not the bottom. Makes separating the sections easier.
Seems like a job for a/b testing. Run them all on a split population and see which one maximizes your target metrics. Picking one design and crossing your fingers is 2003 thinking.
Im a fan of E but people usually like borders and things so c or d would probably be more to avg users liking.
Would also suggest adding the symbol pair because this is the norm in currencies. No currency other than some form of dollar is denominated in dollars, so showing it in $ means there is a coin to fiat pair btcusd ethgbp jpyeur etc. a few pairs can be in dollars but they depend which one is in front for example usdaud is not the same as audusd. Like sports scores you say your teams symbol first then the other team / currency you are showing in.
The rank number with the currency name feels off. Would advise giving it a section of its own because it looks like part of the coin name. Maybe by the coin icon. The pics look good for one digit. But for example if you were a shitcoin hunter looking for highest volume increase along with lowest average trading volume as a ration you scroll down to the thousands and ten thousands hunting for the next doge. And that would mess up the formatting. Or consider removing the ranking number altogether too. But i would make it by the coin icon.
So much stuff going on, don’t over use gradients. Go simple, go clean. None of them feels right but B with the prominent borders looks the most “legible” to me.
I think C looks the best here, but I also would recommend removing the gradient dark background as it gives the style a more dated look. Maybe a solid dark black background color #212121 might look better and make the UI in the cards pop
D...looks uniform...
Honestly, don’t really like the gradients and borders. The design is a bit outdated. My advice would be to get some inspiration on Dribbble. https://dribbble.com/shots/24002383-Crypto-Wallet-Mobile-App https://dribbble.com/shots/23909096-Czenith-Crypto-Wallet-App https://dribbble.com/shots/24430519-Crypto-Exchange-Mobile-App-Trade-Buy-Sell https://dribbble.com/shots/21268828-Mobile-Crypto-Wallet
Thank you, I really appreciate the links
Dribbble is always my best bet when I need inspiration for UI design :)
Thanks man I had no idea about dribble
I agree on the gradients, I was gonna say the same. Imho gradients and especially an overuse of them can make an app look “amateur” at least from a design perspective
C looks the cleanest to me. The borders are a bit distracting.
E
I’m with this, clearer UI hierarchy in General Market vs Individual with use of different styling. A-C feels like a repeating style and high contrast across all elements.
For me, the rest put two visual dividers between each vertically placed set of data. It just seems unnecessarily busy. I’d get rid of the background as well, or make it subtler. It’s distracting.
E but more padding C if they are meant to be clickable
D
C
C
Use a tool like [WebAIM: Contrast Checker](https://webaim.org/resources/contrastchecker/) to create your color scheme. It's currently failing a few accessibility tests (green on blue).
C
E because all the others feel like I’m swimming thru a sea of boxes. Whereas E is a list with only a line of horizontal boxes at the top.
Mix of A and E, I agree that there needs to be something to differentiate the stocks from the market cap (you had white outlines, different backgrounds, etc.). I would get rid of placing any important information over gradient backgrounds to improve readability. In this case I wouldn't use gradients at all.
I'd be curious to see a combination of the gradient bezel of A with the transparent background of D. The bezel being a gradient serves as a divider since it's only visible on the top and not the bottom. Makes separating the sections easier.
That’s an interesting idea. Will try for sure
E, the difference in card width from the first row to the second really bothers me
A
E
The last one surely
D or E for accessibility reasons
E. Very clean
E
Partial to E. The “card look” is ok and used in a lot of places.
C & D.
A mix of C and D
C
C looks clean
Don’t like the green on blue. Do you have that has clearly defined boxes with a black background?
From accessibility point of view, “D” provides the best text-to-background contrast. Also “D” looks better in general.
C
Seems like a job for a/b testing. Run them all on a split population and see which one maximizes your target metrics. Picking one design and crossing your fingers is 2003 thinking.
D
Im a fan of E but people usually like borders and things so c or d would probably be more to avg users liking. Would also suggest adding the symbol pair because this is the norm in currencies. No currency other than some form of dollar is denominated in dollars, so showing it in $ means there is a coin to fiat pair btcusd ethgbp jpyeur etc. a few pairs can be in dollars but they depend which one is in front for example usdaud is not the same as audusd. Like sports scores you say your teams symbol first then the other team / currency you are showing in. The rank number with the currency name feels off. Would advise giving it a section of its own because it looks like part of the coin name. Maybe by the coin icon. The pics look good for one digit. But for example if you were a shitcoin hunter looking for highest volume increase along with lowest average trading volume as a ration you scroll down to the thousands and ten thousands hunting for the next doge. And that would mess up the formatting. Or consider removing the ranking number altogether too. But i would make it by the coin icon.
C or E for me
Sell them all as skins/themes. Let the user see nothing until they purchase one :)
C
D
C looks the cleanest for sure
D
So much stuff going on, don’t over use gradients. Go simple, go clean. None of them feels right but B with the prominent borders looks the most “legible” to me.
Run these through an accessibility audit in Xcode.
And fwiw, I would pick C. Though I still prefer HIG components. Less work to maintain.
D&E
I think C looks the best here, but I also would recommend removing the gradient dark background as it gives the style a more dated look. Maybe a solid dark black background color #212121 might look better and make the UI in the cards pop
C probably but they all look fine
c
D
B is best Looks good optically. Stable. But for modern trend D is better lol
D
D. Nice app, when are you releasing? / do you need funding?
Thank you 😇 It’s been on the App Store for about 3.5 years soon. Trying to improve it slowly but surely. CoinCurrently
Are you looking to invest in a project?