• Hey Guest. Check out your NeoGAF Wrapped 2025 results here!

A NeoGAF iPhone Web App

Status
Not open for further replies.
Really nice. The menu button looks a little weird to me though. Might be better if it was grey normally and orange when the menu opens.

Also, small thing but I think it would be good to tweak the arrow icon next to threads so that it's more clearly its own separate button.
Yeah, a charcoal color (matching the bottom half of the N-ball) might look better. And those arrows are just the default iOS style. I think they should be changed up to further differentiate from iOS, too.

Just not sure how good an actual button would look being repeated all the way down. But I definitely think it should be something original, again, imo it'd be best not to use anything iOS-centric.

I agree. Your design has my vote of confidence, good sir. ಠ_ರೃ

I look forward to hearing ckohler's impressions of it. I'd be ecstatic if that's how the official web app ended up looking.
Hah, thanks. You'd be ecstatic?
i'd be f'n enraptured

But seriously, the thing I am looking forward to most in all of this isn't the design or even GAF auto-redirecting to a mobile version. I just can't wait to use multi-quote on my phone!! :D
 
I don't see a problem with the "last page" arrows. They're generic enough to not seem iOS-centric, IMO. Making them into buttons would look too cluttered, I think.
 
I really like Sentry's design. I had a version that used the angled look of the gaf header but it felt a little squashed. Looking at yours though it looks good.

here's what I had

Vdvdb.png
 
I really like Sentry's design. I had a version that used the angled look of the gaf header but it felt a little squashed. Looking at yours though it looks good.

here's what I had

Vdvdb.png

Yeah, I think this is the ideal look right here. The Updated Today bar is taking up less space than in Sentry's mockup, and the menu icon looks better in a more muted color. The icon could change to orange when pressed, however.

How would that look in a thread, though?
 
I really like Sentry's design. I had a version that used the angled look of the gaf header but it felt a little squashed. Looking at yours though it looks good.

here's what I had

http://i.imgur.com/Vdvdb.png[IMG][/QUOTE]
Nice (great minds think alike :p), you're header bar looks a lot better, actually. I'd rather not get too invested though, since ckholer might just end up using something different, anyway.

But still, I think that something which generally resembles this style, would be awesome.
 
The GAF orb could act as some sort of shortcut as well. Maybe to the main forum list?
I was thinking the same thing. the orb could just always bring you back home.
That's what ckohler already planned/said, actually:
There could still be shortcuts also like tapping the NeoGAF logo would also be a "Back" button and tapping the Title would jump you down to the bottom of the page, etc.
 
I'd like the Orb to actually warp me around in time, actually...if we're taking requests. Like you click on it and it's just a text entry field with a back arrow and a forward arrow.

Type the number (in years) and click either back or forward and get taken there.

Would be neat.
 
I'd like the Orb to actually warp me around in time, actually...if we're taking requests. Like you click on it and it's just a text entry field with a back arrow and a forward arrow.

Type the number (in years) and click either back or forward and get taken there.

Would be neat.
ckohler.
BELIEVE.
 
That's what ckohler already planned/said, actually:

that’s good. makes sense that it would be a tappable spot.

though ckohler will need to figure out specifics on how he wants it to work (and maybe one way would work better than another)

my feeling is the orb should be Home. and a back button for going back a page or whatever, could be at the bottom of the screen (or just reserved for the browser’s back button).
 
I dunno if this has been suggested but I don't really like the way quotes work at the moment, where you have to go to a separate page to edit a quote, then go back to the reply page. Would be better IMO to have both on the same page - show what you're quoting in one box and allow you to edit it, and let you write your reply in another box. Something like that. Just not being able to read what you're quoting while you're writing a reply is kind of a pain.

Edit: Orb should go to the main page. It's the expected behavior.
 
Guys I think any design submitted should also have a mockup on how it will look in thread view. Ideally it should be consistent throughout the whole browsing experience.

How would the title be displayed in thread view? Is there a point in having which forum you're on in thread view. Etc.

Couple more mockups perhaps? The last submitted by D4 and Sentry are both excellent in my opinion. If it were up to me the 'action' bar would be the default navigation bar. So press on Orb would show action bar with forums. Press on page number would show a bar with: First, Prev, GoTo, Next, Last. Finally pressing the menu button would give you the 'Post', 'Reply', 'Search' or whatever you want.
 
I dunno if this has been suggested but I don't really like the way quotes work at the moment, where you have to go to a separate page to edit a quote, then go back to the reply page. Would be better IMO to have both on the same page - show what you're quoting in one box and allow you to edit it, and let you write your reply in another box. Something like that. Just not being able to read what you're quoting while you're writing a reply is kind of a pain.

Edit: Orb should go to the main page. It's the expected behavior.
Well it would be a hassle to view all the text you're quoting when on a phone, tbh. BUT, I think it would be cool to have a hide tag that you press, and it reveals/drops down the quoted text, rather than taking you to a separate page entirely. Not sure how feasible that would be, though.

Guys I think any design submitted should also have a mockup on how it will look in thread view. Ideally it should be consistent throughout the whole browsing experience.

How would the title be displayed in thread view? Is there a point in having which forum you're on in thread view. Etc.

Couple more mockups perhaps? The last submitted by D4 and Sentry are both excellent in my opinion. If it were up to me the 'action' bar would be the default navigation bar. So press on Orb would show action bar with forums. Press on page number would show a bar with: First, Prev, GoTo, Next, Last. Finally pressing the menu button would give you the 'Post', 'Reply', 'Search' or whatever you want.
That's simple, the thread title would just be a slightly smaller font size and have it in that blue header. Obviously it wouldn't fit the full title, but you tapped on it from the forum list anyway, so..

Plus, the first post of the thread should have the full thread title in it, anyway. Nothing else really changes.

I don't think posting on the 'page x of x' text in the header would be a good idea, too easy to accidentally hit the ad or hit the board title, which makes you jump to the bottom.

All that needs to be done is the footer style, which I'm thinking would be something like this;

@%202012-02-09%20at%206.14.56%20PM.png


With the previous/next page buttons being in those left/right tabs, and the # of posts/page info in the center. Something like that.. but that's simple stuff, I think.

I really like Sentry's as well. Curious how the thread pages would look.
I'm not sure if the in-thread viewing will change, or if ckohler was planning on it. He is working in multi-quote, so there's some change/new buttons there, but who knows if the actual view will change.

Anyway, for the thread view, I think the header/options would be something like this;

@%202012-02-09%20at%207.42.54%20PM.png


Not sure about those buttons, though, maybe too much. I just thought, since it's thinner, more icon options could be fit in.

D4's blue angled tab header is better than the one i'm still using, in terms of looks, so don't mind that part. Well, except maybe for the length, it's a bit short which isn't a good thing for the thread views, since the longer the better (in order to use a smaller font size/fit more characters). Might as well post the button options for forum viewing as well;

@%202012-02-09%20at%207.45.43%20PM.png


All that is just conjecture, not sure what the finalized drop down options will actually be, or if there'll even be that many.
 
I think we can all agree that ads flush with the content looks better, right?
I thought it would, and actually posted about it in response to ckholers original revamp pics.

Ckohler said that the space in-between the ad and content was intentional, and when I started tinkering with it, I realized it didn't look good squished together either.

I think you'll agree, esp. after you see it on a variety of different ads. It needs breathing space, imo.

I've been tinkering.

Here is what i meant about multiple toolbars.

http://dl.dropbox.com/u/12240833/GAF/index.html

orb/page num/menu are clickable
Ahh, I see what you meant now. Could be cool, but i'm not sure about having multiple tool bar stowaway variations, could get confusing/cumbersome and overly complicated, but that's just me.
 
I think we can all agree that ads flush with the content looks better, right?

I did it to save space. The top bar is 44px which is the smallest hit target according to Apple's guidelines and the advert is 50px high which is from adsense so that can't be changed.

I think it would look better with a little gap around it but vertical space is a premium on mobile devices so I tried to cram as much information into the 94px header as possible.

I don't know what the final design will look like. I'm just trying to provide some constructive criticism
 
I did it to save space. The top bar is 44px which is the smallest hit target according to Apple's guidelines and the advert is 50px high which is from adsense so that can't be changed.

I think it would look better with a little gap around it but vertical space is a premium on mobile devices so I tried to cram as much information into the 94px header as possible.

I don't know what the final design will look like. I'm just trying to provide some constructive criticism
Either way, we're saving space in comparison to ckohler's the original mockup.

I don't know what the final design will look like. I'm just trying to provide some constructive criticism

And i'm with you on that. After all, ck might just stick with his current design, which at the end of the day, would be just fine too.
 
I thought it would, and actually posted about it in response to ckholers original revamp pics.

Ckohler said that the space in-between the ad and content was intentional, and when I started tinkering with it, I realized it didn't look good squished together either.

I think you'll agree, esp. after you see it on a variety of different ads. It needs breathing space, imo.

Maybe if I saw a wider variety of ads, like you said. With the ads used in the mockups so far, however, the ads being flush looks much better than how the ads were spaced out in ckohler's original mockups.
 
Does anyone else not have the "subscribe to thread" option anymore? It used to be at the very bottom of each thread page. I'm using iOS Safari.

yeah, a few features are MIA after Gaf made some changes a while back.

I believe we will need to wait for the 2.0 official web app relaunch to get them back.
 
That monkey dick you were talking about earlier? Man you sure like to talk about your dick.

KuGsj.gif
It was "donkey dick," actually. I forgot I even said that. Had to do a search.

I'm guessing horizontal swiping to switch to the prev/next thread or board isn't possible in a webapp? If it is, that'd be awesome to have!

Some inspiration from bananas in the WP thread: http://www.neogaf.com/forum/showpost.php?p=34985777&postcount=19709

C'mon, seriously. Looking at that picture makes me feel like I'm back in 1995 staring at some GeoCities web page that makes my eyes bleed from contrast overload.
 
Love the constructive feedback that is going around in this thread now!

Anyways I played around with Sentry's mockups and added some padding to the ad-space, although I'm not sure if it would work coding-wise/per guidelines.

mockupmenu.png


Minus the menu
 
Yeah, I'm still siding with ads flush with the content on this one.
Well... in the words of
That space is deliberate. Believe me, it looks better than having the ad pressed up against the content and helps the user realize the ad is not part of the interface.

He's right, some ads are almost deviously simple/inline, a bit of padding is a way to deal with unpredictable content (graphics wise).

yeah, no, lets not put high contrast size 28 fonts on this thing. We want something that looks nice
Yeah, i'm not too fond of WP7's UI style either... though it doesn't give me cause to puke on my own dick, so that's a plus I guess.
 
Well... in the words of

He's right, some ads are almost deviously simple/inline, a bit of padding is a way to deal with unpredictable content (graphics wise).


Yeah, i'm not too fond of WP7's UI style either... though it doesn't give me cause to puke on my own dick, so that's a plus I guess.

i dont mind the UI of the OS, but its best confined to the OS, and not pushed onto a webpage where consuming large amounts of data is the purpose.
 
Yeah, i'm not too fond of WP7's UI style either... though it doesn't give me cause to puke on my own dick, so that's a plus I guess.

Are you sure about that? Stare at a WP7 menu screen for about 20 seconds and tell me you don't feel the urge to puke on your own shlong.
 
C'mon, seriously. Looking at that picture makes me feel like I'm back in 1995 staring at some GeoCities web page that makes my eyes bleed from contrast overload.

Well, my memories of 1995 GeoCities are far different, I don't remember ever liking those designs.

FWIW, I don't want Metro UI for the webapp, it would look out of place on iOS/Android/BB/Symbian/Bada/etc devices, but an optional theme for WP users would be awesome.

Personally I think Android's style is awful, and iOS's half a decade old and uninspiring, but I don't go troll your posts for no reason. Have some class guys.
 
Are you sure about that? Stare at a WP7 menu screen for about 20 seconds and tell me you don't feel the urge to puke on your own shlong.
Not sure how long talking about dicks and shlongs is gonna get you around here. :p

I'm off, but just wanted to say that our feedback/bouncing ideas off of one another has been fun.
Hope it wasn't all for nothing. :p
 
Your posts in this thread have led me to this conclusion: You have terrible design sense.

Other than my stance on the ad placement, what other posts gave you that impression?

I understand the argument for the padding around the ads. Really, I do. I just think that they look fine when flush when the content, and it saves precious space on our small phone screens.
 
Other than my stance on the ad placement, what other posts gave you that impression?
Calling Metro "shit" and no gradients (when used the way it was) "too simple" and overall giving the impression of one of those people who think space is being "wasted" when in fact it's being used to better organize content.
 
Thanks for sharing this great app. I almost abandoned GAF lately but with the web app I find myself here all the times again. Thanks
 
Calling Metro "shit" and no gradients (when used the way it was) "too simple" and overall giving the impression of one of those people who think space is being "wasted" when in fact it's being used to better organize content.

I don't like Metro's UI because of the needlessly high contrast (all black backgrounds with bright white or colored text on top), unappealing fonts that tend to be bigger than necessary, and primary color tiles/white silhouette icons that look uniform but limit design possibilities a bit too much for my tastes.

I don't mean to get too defensive, but I have to defend my opinion here. I'm not a UI designer, but I do have some design sense and experience with industry-leading design tools (Photoshop, Illustrator, Dreamweaver, Premiere... etc.)
 
Does Bada have a design style we could use?


But back to the app, i do agree with ckohler that some dead space between the ad is for the best, since you never know what kind of ad will be there.
 
The pic that woahitsreeo posted at the top of this page would be a better way of using padding around the ad. The original pics that ckohler posted had this weird, dark color for the padded area around the ad that just looked weird against the rest of the page.

ckohler said:
 
The pic that woahitsreeo posted at the top of this page would be a better way of using padding around the ad. The original pics that ckohler posted had this weird, dark color for the padded area around the ad that just looked weird against the rest of the page.
Actually, that was the iOS linen cloth texture, which matches the stowaway options background. That was the whole point of using such a texture.

And as for woahitreeo's mockup, I actually don't think that type padding would be possible, due to the ad dimensions being fixed. I could be wrong, though (something like that would def. look better).
 
Status
Not open for further replies.
Top Bottom