I had an Instapad app on my iPad for browsing Instagram photos.
The app was crazy slow and buggy, they should definitely fix it, because it is unuseable at the moment .. but there's an another one thing what caught my eyes was UI/UX design. The design doesn't look cool so I decided to remake it just for a little bit.
Look great. Its a shame you did this out of the kindness of your heart and they did not pick up you up to do it because I'd love to see this implemented.
I really like the way you matched the leather texture with the portfolio background texture. Smexy!
One thing I'd try though, is to let the stiches less contrasty with the leather background, aswell as use a neutral color so the images pop better, something like http://cl.ly/3H210t0M340e0j3F233I
@David it's horrible! I like the background texture it's their because it has to be. But what the heck with that leather? Doing nothing and even ugly with the stitching.
It looks OK but I wouldn't prefer it as a app interface. The leather distracts the user too much when the focus should be on the content itself. Little less leather and I think it'll be better!
@Peter Looks like you lack the ability to critique and are only capable of making comments that are rude, unprofessional and not very helpful. If you don't like it that's fine, but the purpose of dribbble is to share work and provide constructive feedback.
The reason for leather could be many but lets go over the obvious ones. Apple has used leather, linen and other similar textures for a magnitude of their native apps, for example, Reminders, find friends, calendar and notes. His decision to use a leather texture adds an aesthetic which increases the usability and entices users to be intrigued, allowing for further user discovery and a much better experience. When I see an app with a shitty icon, or crappy interface I'm immediately turned off and don't bother cruising in through it. I'd say you have about 7 seconds to attract the average viewer and then its done. The leather is a small choice that adds a subtle effect contrasting the photos and text, framing the content and heightening the overall aesthetic.
Could it be improved? Most certainly! The saturation, contrast and "size" of the pattern could be adjusted to minimize the visual tension it potentially creates against some of the images.
And there you have it Peter, now be polite or don't comment at all.
Just shows you can' please everyone. I sit in the 'I like it Camp'. The only bit I would look at is changing the stitching so it doesn't look so regimented. Bit more humanified (not a word!) Looks a bit too step and repeated.
@Rui i'm not saying that the design is shit. I'm sayin' that the trend of choosing leather patterns is stupid. Also i'm not being rude. If you are a designer you have to learn deal with comments what is about the feel/emotion and not about usability/reason. Also if you are developing something for the market you also should know about how people feels about it...
Concerning about the UI. There is a trend of copying real world user interfaces. But what it is really does? Copying real world examples and trying to translate it to the world of computers was a good start. But nowadays if your are not pushing the boundaries and the habits what we are used to, than what's the point? If we are not trying to do better what's the point?
Of course the similarity with native apps could raising the possibility of less learning (fyi: not). And please please don't mix aesthetics with UI decisions. The problem in this case that there is a pretty good UI with a shitty UX because of the leather. What is my opinion. If you find it rude that's fine with me but it's a valid feedback.
I do agree with a number of the other commentors that the leather isn't quite working in this mockup. Toning down the contrast and detail of the texture and stitching could possibly enhance the experience by putting more focus on the content itself. As to whether using the leather is a good idea altogether in this design, I think it could go both ways. Bringing in a texture from the outside world can make a design more attractive and familiar, however, it's almost overused in app design and can take away from the interface quality if it's not done just right. I'd love to see another revision after all this community input.
(@Peter & @Rui: I personally have found this flame war to be altogether unprofessional.)
19 Responses
Pro
Jackie Tran
I had an Instapad app on my iPad for browsing Instagram photos.
The app was crazy slow and buggy, they should definitely fix it, because it is unuseable at the moment .. but there's an another one thing what caught my eyes was UI/UX design. The design doesn't look cool so I decided to remake it just for a little bit.
And here is the result.
Fullsize
5 months ago
Why are you using leather?
5 months ago
Pro
David Balnites
@Peter Cause its AWSOME of course
@Jackie great job how do you do the stitching effect?
5 months ago
Pro
Rui
Look great. Its a shame you did this out of the kindness of your heart and they did not pick up you up to do it because I'd love to see this implemented.
5 months ago
Pro
Meng To
Love the leather textures and colours. Personally, I'm not sure about the stitching.
5 months ago
looks great but maybe just a little less leather?
5 months ago
Pro
Rodrigo Grundig
I really like the way you matched the leather texture with the portfolio background texture. Smexy!
One thing I'd try though, is to let the stiches less contrasty with the leather background, aswell as use a neutral color so the images pop better, something like http://cl.ly/3H210t0M340e0j3F233I
5 months ago
Pro
Marcel Müller
IMHO the photos should not have brighter borders- as a photo app, it should not modify the user-generated content.
5 months ago
@David it's horrible! I like the background texture it's their because it has to be. But what the heck with that leather? Doing nothing and even ugly with the stitching.
5 months ago
Pro
jonathan olsen
It looks OK but I wouldn't prefer it as a app interface. The leather distracts the user too much when the focus should be on the content itself. Little less leather and I think it'll be better!
5 months ago
Pro
Rui
@Peter Looks like you lack the ability to critique and are only capable of making comments that are rude, unprofessional and not very helpful. If you don't like it that's fine, but the purpose of dribbble is to share work and provide constructive feedback.
The reason for leather could be many but lets go over the obvious ones. Apple has used leather, linen and other similar textures for a magnitude of their native apps, for example, Reminders, find friends, calendar and notes. His decision to use a leather texture adds an aesthetic which increases the usability and entices users to be intrigued, allowing for further user discovery and a much better experience. When I see an app with a shitty icon, or crappy interface I'm immediately turned off and don't bother cruising in through it. I'd say you have about 7 seconds to attract the average viewer and then its done. The leather is a small choice that adds a subtle effect contrasting the photos and text, framing the content and heightening the overall aesthetic.
Could it be improved? Most certainly! The saturation, contrast and "size" of the pattern could be adjusted to minimize the visual tension it potentially creates against some of the images.
And there you have it Peter, now be polite or don't comment at all.
5 months ago
Pro
Edgar Vargas
This shot made me want to download the app. Looks great!
5 months ago
Pro
Mani
coOL :)
5 months ago
Pro
Andrew Rose
WELL I LIKED IT.
5 months ago
That's awesome! I wish I had an iPad just for this app.
5 months ago
Just shows you can' please everyone. I sit in the 'I like it Camp'. The only bit I would look at is changing the stitching so it doesn't look so regimented. Bit more humanified (not a word!) Looks a bit too step and repeated.
5 months ago
@Rui i'm not saying that the design is shit. I'm sayin' that the trend of choosing leather patterns is stupid. Also i'm not being rude. If you are a designer you have to learn deal with comments what is about the feel/emotion and not about usability/reason. Also if you are developing something for the market you also should know about how people feels about it...
Concerning about the UI. There is a trend of copying real world user interfaces. But what it is really does? Copying real world examples and trying to translate it to the world of computers was a good start. But nowadays if your are not pushing the boundaries and the habits what we are used to, than what's the point? If we are not trying to do better what's the point?
Of course the similarity with native apps could raising the possibility of less learning (fyi: not). And please please don't mix aesthetics with UI decisions. The problem in this case that there is a pretty good UI with a shitty UX because of the leather. What is my opinion. If you find it rude that's fine with me but it's a valid feedback.
5 months ago
I do agree with a number of the other commentors that the leather isn't quite working in this mockup. Toning down the contrast and detail of the texture and stitching could possibly enhance the experience by putting more focus on the content itself. As to whether using the leather is a good idea altogether in this design, I think it could go both ways. Bringing in a texture from the outside world can make a design more attractive and familiar, however, it's almost overused in app design and can take away from the interface quality if it's not done just right. I'd love to see another revision after all this community input.
(@Peter & @Rui: I personally have found this flame war to be altogether unprofessional.)
5 months ago
AMAZING. Could be awesome for the iPhone version too. :)
5 months ago