Here is two suggestions to avoid this:
- remove the arrow icon and label the button with the title of the prev. page or,
- change the shape of the button to a rectangle
Having an arrow icon on an arrow shaped button is like the inception movie. A dream within an another dream..
@Farzad Ban That actually doesn't disturb me that much. It clearly symbolizes 'Back'. I understand it may be weird for some, but not at all for me. :)
@Morgan Allan Knutson Love it. Nice colors, it's smooth and simplistic. Maybe a tad faded for me. I'd add some contrast on the characters elements. Other than that, badass.
@Morgan Allan Knutson Take a look at Neven Mrgan's post regarding labeling the back button. I think it pretty much covers everything that needs to be said.
But, @Farzad Ban, he even recognizes an arrow in a back button as a viable option. Neven actually points out the exact reason I've chosen as his justifiable use case.
Looks great, I agree with the others - pump up the contrast slightly (I'm one to talk, my contrast is usually pretty low..).
Re: Back button. Hard to say without knowing the IA of the app, but I don't see why having an arrow in there is doing any harm if the app is just like you said - minimal.
@Morgan Allan Knutson I know but for me labeling the button with "Back" or an left-arrow icon is the same. The arrowed shaped button already explains that by clicking on it, it takes you back to the prev. page. So having an arrow within it is just not a smart decision imho.
Facebook avoided this by having an arrow icon within a rectangle shaped button which I think is the right direction to take here if you don't want to label the button to prev page title.
Imma join in on the back button discussion, to me it feels out of place cus there's much room in the button now, compared to the button on the right, also the space between the back and the middle label is not the same as the space between the middle label and the right button, but that's just being nit picky ^^
Maybe if the arrow followed the button a bit more, having a square on the right of the arrow making it a bit fatter to fill the space.
But in the end it's all about how you want it, I guess were just giving some feedback lol
Looks really nice. Love the style. The back button is fine — have you considered it to make it a bit wider to make the tappable area larger? I'm so used to wide back-buttons.
Looks pretty cool, just wanted to second Jan Vu Nam's comment about the lines/strokes not being "retina-friendly". Viewing this screen on an iPhone 4 would have really, really thin lines, and using 2px strokes (or at least 1.5px strokes where the second pixel is semi-transparent, Apple does this in most of their @2x graphics) is a key part of designing for retina displays. Just something to keep in mind!
50 Responses (page 1 of 2)
Pro
Morgan Allan Knutson
Working on something. Wishing Mad Men was back on already.
I used Marshall Bock's iPhone illo in this shot. The photo in the background is of a dirty caltrain window that I took with an olloclip.
about 1 year ago
Pro
Farzad Ban
An arrow on an arrow shaped button..
Here is two suggestions to avoid this:
- remove the arrow icon and label the button with the title of the prev. page or,
- change the shape of the button to a rectangle
Having an arrow icon on an arrow shaped button is like the inception movie. A dream within an another dream..
Other than that, it looks yummy.
about 1 year ago
@Farzad Ban That actually doesn't disturb me that much. It clearly symbolizes 'Back'. I understand it may be weird for some, but not at all for me. :)
@Morgan Allan Knutson Love it. Nice colors, it's smooth and simplistic. Maybe a tad faded for me. I'd add some contrast on the characters elements. Other than that, badass.
about 1 year ago
Pro
Daryl Ginn
I'm just glad its not a picture of an iphone and a real shot.
+1 for not being a trendwhore.
about 1 year ago
Pro
Gil
lovely
about 1 year ago
Pro
Manu Gamero ☁
I really like it, and also the back button!
about 1 year ago
Very nice, love the smoothness & colors scheme !
about 1 year ago
Pro
Davey Heuser
Needs a bit more contrast in my opinion but it's definitely a great design
about 1 year ago
Pro
Morgan Allan Knutson
Farzad, let me preface with this by mentioning this shot is experimental and is at the very beginning stages.
I aim to make the app so minimal that it renders a contextual back button superfluous.
I can see why you're annoyed at an arrow within an arrow, but I'm elated for the same reason. Why wouldn't an arrow be on an arrow shaped icon?
For now, I think it's pretty cool. You're welcome to change my mind.
Edit:
And as I replied on twitter to yah "I don't like the word 'back'. I prefer a tiny icon that contours to the shape of a button. I think it's elegant."
about 1 year ago
Pro
Dennis Covent
Love the soft feeling!
about 1 year ago
Pro
Farzad Ban
@Morgan Allan Knutson
Take a look at Neven Mrgan's post regarding labeling the back button. I think it pretty much covers everything that needs to be said.
about 1 year ago
Pro
Jon Gold
absolutely gorgeous mate.
about 1 year ago
Pro
Morgan Allan Knutson
But, @Farzad Ban, he even recognizes an arrow in a back button as a viable option. Neven actually points out the exact reason I've chosen as his justifiable use case.
about 1 year ago
Pro
Pete Lacey
Looks great, I agree with the others - pump up the contrast slightly (I'm one to talk, my contrast is usually pretty low..).
Re: Back button. Hard to say without knowing the IA of the app, but I don't see why having an arrow in there is doing any harm if the app is just like you said - minimal.
about 1 year ago
Pro
Daniel Lauding
i think the back icon fits, it looks great tbh
about 1 year ago
Pro
Farzad Ban
@Morgan Allan Knutson I know but for me labeling the button with "Back" or an left-arrow icon is the same. The arrowed shaped button already explains that by clicking on it, it takes you back to the prev. page. So having an arrow within it is just not a smart decision imho.
Facebook avoided this by having an arrow icon within a rectangle shaped button which I think is the right direction to take here if you don't want to label the button to prev page title.
about 1 year ago
Pro
Morgan Allan Knutson
@Farzad Ban :P
about 1 year ago
Pro
Pedja Rusic
Imma join in on the back button discussion, to me it feels out of place cus there's much room in the button now, compared to the button on the right, also the space between the back and the middle label is not the same as the space between the middle label and the right button, but that's just being nit picky ^^
Maybe if the arrow followed the button a bit more, having a square on the right of the arrow making it a bit fatter to fill the space.
But in the end it's all about how you want it, I guess were just giving some feedback lol
about 1 year ago
Pro
Morgan Allan Knutson
@Pedja Rusic You are just as much right as you are a goofball. It's got way too much junk in the trunk.
about 1 year ago
Pro
Pedja Rusic
http://cl.ly/EklA
about 1 year ago
nice, very clean
about 1 year ago
Pro
Hugo
Nice colors!
about 1 year ago
Looks really nice. Love the style. The back button is fine — have you considered it to make it a bit wider to make the tappable area larger? I'm so used to wide back-buttons.
about 1 year ago
Pro
Jan Vu Nam
I love it, great colours, great atmosphere. Just don't like the arrow in back button, maybe I would use the whole arrow.
And I would make lines and buttons with 2px strokes and lines, because it looks much nicer making it friendly in iOS retina devices.
about 1 year ago
Pro
Mike Rundle
Looks pretty cool, just wanted to second Jan Vu Nam's comment about the lines/strokes not being "retina-friendly". Viewing this screen on an iPhone 4 would have really, really thin lines, and using 2px strokes (or at least 1.5px strokes where the second pixel is semi-transparent, Apple does this in most of their @2x graphics) is a key part of designing for retina displays. Just something to keep in mind!
about 1 year ago