We are currently looking to source some feedback on the UI for our shiny new (free) iphone app, Addpiks, and a friend, Swombat, said HN is the place to ask. So here we are...
Would really appreciate any inputs on the UI whether its just from the screenshots at
http://itunes.apple.com/us/app/addpiks/id407488046?mt=8
or even better from an actual app itself (iphone only currently, sorry android guys)
Thanks Iqbal
Try removing all the unnecessary lines and complexities, such as the borders of the images, the dividing line between the top bar ("Journal") and the subheading("recent"). Remove the gap at the bottom between green stripe and the phone UI.
I think there are too many colors, that don't match well. You could make the color of the titles ("Dress I need...") like the color of the UI.
That would probably make the app easier on the eye.
Then you could also not italicize the description of each item ("Me, 61-73...") to make it easier to read.
On the right screenshot: Don't allow titles of images be too long. "Movies to Wa..." seems broken, use "Movies" instead.
Hope this helps. These observations are only based on the screenshots provided, I haven't tried the app.
Nothing in the UI looks considered. None of the elements seem to have space to breath. The colour palate isn't one I would have chosen. Overall, it looks amateur.
That said, it's clear what each element does and what the UI is trying to tell you. So it isn't a UI disaster, but the experience of looking at it isn't pleasant.
As with all the apps I download, free or not; If I were to choose between this app and a similar app with a nicer UI, i'd go with the nicer UI because it implies quality. What constitutes "nicer"? You'll know it when you see it. As will everyone else.
Trying to define nicer...tom tks for feedback
One thing that is quite confusing from the given pictures are the given descriptions. I kind of get that I could make notes of those products, but the specific examples you gave are really poor. It's hard to tell what's default text and what the user has inputed. (For the first and third screenshot)
1st shot: It took me quite a while to realize that the big text in green is inputed by the user, and the stuff in the grey is the location (I thought that was the note!). I'd suggest first changing the name "Dress I need" to something like "Remember to purchase", "Dress I need" threw me off. For location, write "Place: _____"
While these may not be needed for the user, they would make that first screenshot much more obvious.
Also, the CSS and all images on http://www.addpiks.com/ are returning 404 errors.