-
Hey Guest. Check out your NeoGAF Wrapped 2025 results here!
A NeoGAF iPhone Web App
- Thread starter ckohler
- Start date
- Status
Android, son.
If you polled all of GAF to ask which mobile OS they own I'd really be surprised if iOS didn't win. Those threads always seen to be more active than the Android ones.
And don't forget the gaming side, huge iOS gaming community. The android one is basically non-existent.
MmmSkyscraper
Unconfirmed Member
Shit, now I want me some quality bike wheels.
My initial reaction to that dark blue header was that it clashed too strongly with the light blue, gradient iOS safari bar. And I also feel it did not look that great against the orange and grey of the gaf ball.
But if we were to move away from that dark blue but still use one of the other gaf colors, it might not clash so much with the safari nav bar and still not be "iOS branded" for the other phone OSes. (no gradient. keep it flat)
there's a lighter blue color used for a lo of Gaf menus. and there's also the option for a grey header.
I think the ball should be monochrome white if it's going to be on a dark blue background or grey background but it might look OK in color against gaf's lighter blue option.
just my 2 cents regarding color schemes
But if we were to move away from that dark blue but still use one of the other gaf colors, it might not clash so much with the safari nav bar and still not be "iOS branded" for the other phone OSes. (no gradient. keep it flat)
there's a lighter blue color used for a lo of Gaf menus. and there's also the option for a grey header.
I think the ball should be monochrome white if it's going to be on a dark blue background or grey background but it might look OK in color against gaf's lighter blue option.
just my 2 cents regarding color schemes
Android, son.
Ckohler uses an iPhone and I think it's about evenly split between android and iOS for the mods (except Stump who owns everything apparently). Do the rest of us matter?
That sounds like it would be too much of a pain in the ass, not to mention kinda impractical.
While true, it would stop the "i want it to look like my fav phone theme"
I'm all for it having its own theme
I don't think it needs to mimic the UI of any particular phone or mobile browser. It just needs to look polished and be easy to use. It's not like native apps always emulate the UI of the mobile OS they're designed for, so this web app shouldn't have to either. After all, it's cross-platform and can't possible match up with every platform's UI exactly.
The more I think about it, actually, the more I want it to look as much as the desktop version as possible. Being official and all, I think it's going to need more than the right shade of blue to link it/brand it as GAF.
I think i'll mock something up later, but looking like the official forum in a lot of ways would be cool and slick, especially for new comers.
I think i'll mock something up later, but looking like the official forum in a lot of ways would be cool and slick, especially for new comers.
Sentry, you should know that attaching things to the bottom of the screen isn't really feasible. It can be made to happen but it doesn't work everywhere. So, since you have to scroll down to get to the controls on the buttom (or tap-to-jump to the bottom), it's important that there be enough controls and information at the top.
If you think it should look as much like GAF prime as possible, then D4Danger's mockup is the most accurate. White on two shades of flat blue.
If you think it should look as much like GAF prime as possible, then D4Danger's mockup is the most accurate. White on two shades of flat blue.
ckohler, I like the menu button on the top like you have it in those early screenshots. It's perfectly functional and will work across all mobile browsers without problems.
I vote for making the app thematically consistent with the Desktop version, so just making sure the colors and overall look match up should be enough. Functionally, the web app doesn't need to be changed much apart from adding in the new features like search and multi-quote.
I vote for making the app thematically consistent with the Desktop version, so just making sure the colors and overall look match up should be enough. Functionally, the web app doesn't need to be changed much apart from adding in the new features like search and multi-quote.
That's very true.. It's still a tap away, though, just as showing stowaway options. BUT I can see it sort of banking things annoying with options detached exclusively in two places like that.
And I meant more than just color shades in terms of looking like GAF, but I think i'll do a mockup of what I mean when I get home, if that's alright.
PS. I don't use the subscriptions feature, but is there any way for people to access it currently? I know it's popular to use (for some reason).
Also, I think it would be cool to have the "STORE" tab show up in the main forum board section, too.
So this is sort of what I meant with a GAF 'style'. The colored ball might look better, and the i'm not sure if the black is the best combination choice, but I meant something generally like this (versus a simple bar);
You could also fit more icons in the stowaway, like a PM's shortcut or something;
Something like that looks closer to the GAF style, and at the same time provides meaningful info as to where you are, and some navigation tools at the top. Sorry for the shoddy buttons, kinda crammed mockup, but I hope the idea got across.
Oh, and it looks better in conjunction with the Safari/browser bar as well, since it doesn't looks as much like a bar on top of another bar.
Something like that, maybe different palettes or gradients (or none at all), but generally a style similar to that could end up cool and very desktop-GAF in terms of look and feel.
You could also fit more icons in the stowaway, like a PM's shortcut or something;
Something like that looks closer to the GAF style, and at the same time provides meaningful info as to where you are, and some navigation tools at the top. Sorry for the shoddy buttons, kinda crammed mockup, but I hope the idea got across.
Oh, and it looks better in conjunction with the Safari/browser bar as well, since it doesn't looks as much like a bar on top of another bar.
Something like that, maybe different palettes or gradients (or none at all), but generally a style similar to that could end up cool and very desktop-GAF in terms of look and feel.
that's the version for the Galaxy Note with stylus.
:jnc
Yeah, like I said the way I did it in the mockup isn't that good, they could be bigger. Basically the size of the last post arrow/button to the right of the threads.
Lmao
I dont know what this is
I don't either but apparently its hilarious.
Darkflight
Member
Did anyone ever figure out a bookmarklet to switch from Main GAF to the mobile site, I currently just remember the thread name and find it on the mobile site if someone links me on Twitter.
I do it the hard way. Go to the link. Copy the end of it and then go to the webapp and go to a thread and paste the end instead of the one that's there.
well since people seem to be taking my 5 minute photoshop seriously I decided to clean it up.
The point I was trying to make wasn't to make it looks like Windows Phone or whatever it was more to just to make it look like gaf and less like an iPhone.
(click to embiggen)
and here's an example of how it might look with an ad (that I found on Google images)
edit: lol used the old logo. oops. well you get the idea.
The point I was trying to make wasn't to make it looks like Windows Phone or whatever it was more to just to make it look like gaf and less like an iPhone.
(click to embiggen)
and here's an example of how it might look with an ad (that I found on Google images)
edit: lol used the old logo. oops. well you get the idea.
Good Job Bob
Member
I like this one, it's the most GAF-like. Just dump the page buttons under the title, they're unnecessarily if tapping jumps you to the footer.
jakncoke
Ohhh, I totally forgot about that GAF meme. I'm proud to say I actually know just what the hell that's referring to. *pats self on back*
I actually don't, ckholer was right, it doesn't look good squished with the site content.
Looks nice and clean, but I still feel there's a lot of empty space not being taken advantage of. Critical info (like page x out of x) should be shown somewhere up there.
Sorry for the DP, but I had an idea that I thought might look neat, so I went with it.
The simplicity of D4Danger's style looked great, so I tried merging that theme a bit with my GAF-style mockup. I think this really pulls off an official NeoGAF Mobile look (dummy advert included
).
I think the colored N-Ball logo is necessary, being official and all. This style not only saves space, but gives it a streamlined look as opposed to a tool-bar style. I think it also gives the advert breathing space.
Since people seemed to like D4's lighter blue combo too, I included that as well. I think that palette combination looks great here (don't mind placeholder buttons/text);
The footer could be of similar style with the next/previous page buttons, as you could imagine.
Oh and it plays nicer with the Safari menu bar, too (imo); http://cl.ly/E3rV
The simplicity of D4Danger's style looked great, so I tried merging that theme a bit with my GAF-style mockup. I think this really pulls off an official NeoGAF Mobile look (dummy advert included
).I think the colored N-Ball logo is necessary, being official and all. This style not only saves space, but gives it a streamlined look as opposed to a tool-bar style. I think it also gives the advert breathing space.
Since people seemed to like D4's lighter blue combo too, I included that as well. I think that palette combination looks great here (don't mind placeholder buttons/text);
The footer could be of similar style with the next/previous page buttons, as you could imagine.
Oh and it plays nicer with the Safari menu bar, too (imo); http://cl.ly/E3rV
Sorry for the DP, but I had an idea that I thought might look neat, so I went with it.
The simplicity of D4Danger's style looked great, so I tried merging that theme a bit with my GAF-style mockup. I think this really pulls off an official NeoGAF Mobile look (dummy advert included
I much prefer this colour combo to the dark blue/ black of your previous mockup. And I would hope that this layout would make users of all different platforms happy as its really Gaf-centric and not OS centric, while still looking elegant.
I am still a fan of the monochrome flat shaded design but this one is more Gaf-like.
Sorry for the DP, but I had an idea that I thought might look neat, so I went with it.
The simplicity of D4Danger's style looked great, so I tried merging that theme a bit with my GAF-style mockup. I think this really pulls off an official NeoGAF Mobile look (dummy advert included
I think the colored N-Ball logo is necessary, being official and all. This style not only saves space, but gives it a streamlined look as opposed to a tool-bar style. I think it also gives the advert breathing space.
Since people seemed to like D4's lighter blue combo too, I included that as well. I think that palette combination looks great here (don't mind placeholder buttons/text);
http://f.cl.ly/items/1k203B40111Q3X3W0H0b/2.png
The footer could be of similar style with the next/previous page buttons, as you could imagine.
Oh and it plays nicer with the Safari menu bar, too (imo); http://cl.ly/E3rV
Um, wow. That's PERFECT. That's exactly how I would want the official web app to look. What do you think, ckohler?
mescalineeyes
Banned
Sentry, you did good.
D4Danger, you did even better.
- an actual designer.
D4Danger, you did even better.
- an actual designer.
No way, man. Sentry's latest mockup is perfect for an official GAF web app. It's just as functional as the other mockups, only it's MUCH more consistent with the GAF look/vibe. Flat blue with white silhouette icons does not match up with the look of the main site. Sentry's mockup does.
Keylime
ÏÎ¯Î»Ï á¼Î¾ÎµÏÎγλοÏÏον καί ÏεÏδολÏγον οá½Îº εἰÏÏν
Agreed. That most recent Sentry mock-up seems damn near perfect to me. Just change the icons in the menu area to be actual icons or text and you've got a winner in my eyes.
Thanks guys.
I liked the monochrome N-Ball more, for example. But in the end, I don't think it's really that appropriate for an official GAF mobile directory, and more appropriate for a custom CSS skin or something.
Anyway, I think we need to keep in mind that this will be the website that ANYONE who visits neogaf.com from a mobile device, will be redirected to.
Can you imagine all the users on here, from gaming along with lurkers, that don't know about ckholers secondapps site?
I look at whatever mobile version we end up with as the official entry to GAF for a lot of new people, so it needs to feel like actual GAF, more so than a custom skin or theme.
Purely design-wise, I think the simplicity and look of D4's is great, but you have to take into consideration where it will be viewed and who will be viewing it, instead of preferred style.
I liked the monochrome N-Ball more, for example. But in the end, I don't think it's really that appropriate for an official GAF mobile directory, and more appropriate for a custom CSS skin or something.
TBH, I used a lot of of D4's assets and applied it to a different style.
Anyway, I think we need to keep in mind that this will be the website that ANYONE who visits neogaf.com from a mobile device, will be redirected to.
Can you imagine all the users on here, from gaming along with lurkers, that don't know about ckholers secondapps site?
I look at whatever mobile version we end up with as the official entry to GAF for a lot of new people, so it needs to feel like actual GAF, more so than a custom skin or theme.
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.
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.
Treefingers
Member
I really like Sentry's as well. Curious how the thread pages would look.
Edit: I'm kinda leaning towards D4's now the more I look at it.. hm.
Edit: I'm kinda leaning towards D4's now the more I look at it.. hm.
- Status