Imagine there is a Universe where Paypal has a desktop app and it's UI friendly and customizable.
And one day user wants to buy a 10 downloads pack on Spotify. Would you use such an app? :)
P.S. I just got some free time and wanted to make a world a bit more UI friendly. I chose Paypal as its UI is literally killing me.
P.S.S. Some of you guys might say that radios look more like a check boxes here but please not they I have squared elemenst everywhere here rather than circles so I made those squares as well for consistency. I like consistency. Also once user clicks them he'll know they are radios. And they don't bite. I think.
P.S.S.S. You can follow me on Twitter if you like.
lovely work mate! Yes, I'll use this but practically this app interface isn't suitable for PayPal users. Because most of them are senior citizens and some of them are greatest senior citizens around the world. So, then need something more simpler and readable + legible interface. I like it for practice :)
Here you go Julia, done this quickly, feels like it should match the language of the arrow of the submit button and the tick box. Just a suggestion though. Less rounded, more pointy. http://tinypic.com/view.php?pic=2qnnpj4&s=6
1. Why is there a slider for "Bill me later" instead of a check box? Both have the same purpose, and you already decided you want to use check boxes
2. The dashed line under the email makes no practical sense, as the adress is already written bigger and bold.
3. Too many different type sizes, which also lack contrast in size.
1. If you read my very first comment you would noticed I mentioned these are *not* check boxes. To me it makes sense to have "Bill me later" as a slider.
2. It has practical sense because if you ever used Paypal you know the email can be changed before sending the payment (they have input field for that). So dashed line makes it obvious the email actually clickable. Once clicked the popup appears to update the email.
3. I have no idea what you mean here. Generally there are 3 sizes:
- email (main, the receiver)
- normal font size for the text
- "Bill me later" (information purposes, Paypal related)
@Julia Khusainova 1. I did read it. If it is not a check box, but is actually looking like one, there is a problem.
2. That does make sense, although I rather connect a non-dashed line with a link, but maybe that is just me.
3. There is very few text here, and you do not need 3 different sizes for this purpose. You can actually set a whole book with just one size. By contrast I mean: If you use different sizes, the difference should be more obvious.
I want to add that I do not hate you, I just give feedback :)
27 Responses (page 1 of 2)
Pro
Julia Khusainova
Imagine there is a Universe where Paypal has a desktop app and it's UI friendly and customizable.
And one day user wants to buy a 10 downloads pack on Spotify. Would you use such an app? :)
P.S. I just got some free time and wanted to make a world a bit more UI friendly. I chose Paypal as its UI is literally killing me.
P.S.S. Some of you guys might say that radios look more like a check boxes here but please not they I have squared elemenst everywhere here rather than circles so I made those squares as well for consistency. I like consistency. Also once user clicks them he'll know they are radios. And they don't bite. I think.
P.S.S.S. You can follow me on Twitter if you like.
10 months ago
Pro
Ionut Zamfir
Awesome!
10 months ago
Pro
Mitya Neradzinsky
cool mini "+"&"-" buttons!
10 months ago
Pro
Logan Johnson
Looks great! And I'm just glad that Paypal finally got around to taking their website out of 1999...
10 months ago
Pro
Nuruzzaman Sheikh
lovely work mate! Yes, I'll use this but practically this app interface isn't suitable for PayPal users. Because most of them are senior citizens and some of them are greatest senior citizens around the world. So, then need something more simpler and readable + legible interface. I like it for practice :)
10 months ago
Pro
Joao Pires
Great details Julia. Just not sure about the size/style of the cross in the top left corner. Doesn't seem to match the overall language.
10 months ago
Pro
Aleksandar Djuric
Great idea, nice work.
10 months ago
Pro
Julia Khusainova
Wow, so much comments already! Thank you, friends :)
@Mitya Neradzinsky Glad you've mentioned that. It was a bit tricky to make them so tiny and still recognizable.
@Logan Johnson Haha yeah :)
@Nuruzzaman Sheikh Then I guess we should at least have a choice who wants which style. And it's up to you whether install the app.
@Joao Pires Hmmm, not sure exactly what you mean?
@Ionut Zamfir, @Aleksandar Djuric You guys rock! :)
10 months ago
Pro
Aleksandar Djuric
@Julia Khusainova ^ ^
10 months ago
Pro
Joao Pires
Here you go Julia, done this quickly, feels like it should match the language of the arrow of the submit button and the tick box. Just a suggestion though. Less rounded, more pointy. http://tinypic.com/view.php?pic=2qnnpj4&s=6
10 months ago
Pro
Julia Khusainova
Thank you @Joao for putting it together.
I'd love to have a look but this service asks me for my phone number to view the file o_O
10 months ago
Pro
Joao Pires
Sorry, try this one http://s11.postimage.org/lu70i3vtv/example.png
10 months ago
Pro
Julia Khusainova
Yep works now, thank you! It looks good tho it's now smaller than the cog icon. Gotta be adjusted to much I believe.
10 months ago
Pro
Joao Pires
Think so too, the cog looks too big. But if you imagine it smaller, i think the whole ui looks better.
10 months ago
Pro
Toby Kick
Very cool, very modern, very very nice! I just can't say it as often enough: awesome work as always!
10 months ago
Oh Gorgeous! what else I can say...
10 months ago
Pro
Julia Khusainova
@Toby Kick, @Arun Kumar Dadhwal thank you guys! You're too kind :)
10 months ago
Beautiful!
Did you try a full rounded button? (talking about the orange one)
10 months ago
Pro
Julia Khusainova
@Stratos Iordanidis I like it this way - I'm after uniqueness :)
We have lots of rounded buttons and I thought here it makes sense to design it one way.
10 months ago
1. Why is there a slider for "Bill me later" instead of a check box? Both have the same purpose, and you already decided you want to use check boxes
2. The dashed line under the email makes no practical sense, as the adress is already written bigger and bold.
3. Too many different type sizes, which also lack contrast in size.
10 months ago
Pro
Julia Khusainova
@Jonas Villmow
1. If you read my very first comment you would noticed I mentioned these are *not* check boxes. To me it makes sense to have "Bill me later" as a slider.
2. It has practical sense because if you ever used Paypal you know the email can be changed before sending the payment (they have input field for that). So dashed line makes it obvious the email actually clickable. Once clicked the popup appears to update the email.
3. I have no idea what you mean here. Generally there are 3 sizes:
- email (main, the receiver)
- normal font size for the text
- "Bill me later" (information purposes, Paypal related)
10 months ago
Pro
Dhiren Adesara
Really nice work @Julia Khusainova
10 months ago
@Julia Khusainova
1. I did read it. If it is not a check box, but is actually looking like one, there is a problem.
2. That does make sense, although I rather connect a non-dashed line with a link, but maybe that is just me.
3. There is very few text here, and you do not need 3 different sizes for this purpose. You can actually set a whole book with just one size. By contrast I mean: If you use different sizes, the difference should be more obvious.
I want to add that I do not hate you, I just give feedback :)
10 months ago
Pro
Julia Khusainova
3. Now I get what you mean by "obvious contrast". Will give it another thought.
Thanks for the feedback @Jonas Villmow! :)
10 months ago
@Julia Khusainova It's not bad but it's like missing something ... it's like the rest of a button.
10 months ago