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

A NeoGAF iPhone Web App

Status
Not open for further replies.
The only change I'd like is for the poster bar to be like half the size it currently is.

Did a quick and dirty mock-up. The top poster bar is the current, bottom is similar size to how I would like it.

eICJs.jpg
 
That's all fine if you're using 70% text size, no avatars, and not looking at someone with a tag. It's fine as-is, putting them side-by-side would be impossible with the 100% text size and avatars enabled.

Unless ckohler is willing to make another configuration just for text that goes less than 80% I don't see that being a practical request.

If a thicker bar is the side-effect of enabling smaller text size, I don't see the issue. It's not like that's how most people are using it, anyway. In fact, I remember when font size in the user-bar was unaltered before.

Maybe go back to that?
 
I love the new app, but other than the night theme I am hoping for a black so threads and links can be black instead of blue. I just find it easier to read and look at on the secondapps version.

Also this app looks amazing on the new ipad display.
 
Posting from the mockup.
I'm glad I started paying attention to this thread when I started accumulating more iDevices.

Anyway great work so far. Took me a minute to figure out how to post and for some reason I couldn't sign in for a while.
But this is sharp-looking. And the entire thing is worth it just for the ability to get to the bottom of the page with a button press. One of the best web apps or mobile sites I have used.
 
ckohler, you should totally add little xs to the subscribed thread list to unsunscribe, similar to the xs in the private message list.
 
Really small tweak, but I think it helps alleviate some of the confusion about the intention of that ribboned/arrowed area at the top. I've increased the padding on the right side of the logo to match the width on the left. If you treat the entire angled border as a gutter, you get a more pleasing visual spacing between the edge of the screen, logo, the border, and the title text.

I6DLH.png
 
Is there any way that a Go To Top/Bottom of Page button could be placed in each post heading (or maybe once every 5 or 10 posts)? It's a bit of a pain to swipe over and over and over on a tablet when you start off in the middle of 100 posts.
 
Is there any way that a Go To Top/Bottom of Page button could be placed in each post heading (or maybe once every 5 or 10 posts)? It's a bit of a pain to swipe over and over and over on a tablet when you start off in the middle of 100 posts.
If you have an iPad, tap the top status bar to instascroll to the top.
 
Is there any way that a Go To Top/Bottom of Page button could be placed in each post heading (or maybe once every 5 or 10 posts)? It's a bit of a pain to swipe over and over and over on a tablet when you start off in the middle of 100 posts.
This makes me think, if only hovering buttons would work, there could be a tiny up/down arrow button where ever you are, eliminating the need to tap on the header bar to jump to bottom.

It would be more obvious and open up the possibility for the header bar to be used for something else.
 
I don't know if this is fixible. I used to use the web app at my Dads office on my iPod. Now it doesn't even load. Neither the old or the mockup work so I have resorted to using the desktop version on my iPod. Is there a way to fix this?
 
ckohler is working on making that functional as we speak.

Oh shit, I must have glossed over that on the upcoming features list. I can be patient and wait for it. I just thought I was dumb when I couldn't figure it out.
Like I said before, this is so good already. Yesterday when my buddy got off work and swung by my apt, I pulled this up for him when I opened the door. It took only about 10 seconds before he was like "Alright, what's the link again? I need that!"
 
Mockup Update:

Added:
  • Composing/replying to Private Messages
  • "Thread" button when viewing single post
  • Can now delete subscriptions and/or change their type
  • Added Active user info to homepage
  • Added ability to view all current members
  • Can send PMs from member profile

Fixes:
  • Fixed text scaling of some elements
  • Previously hidden photos now open in new tab when tapped
  • Moved PM folder selection to top
  • Adjusted multi-quote button position to conserve space
  • Reduced padding on some elements
  • Better looking white buttons
  • Improved color of message body/tag links
  • Widened Logo button slightly

Remaining:
  • Subscribe to thread
  • View thread top posters
  • Dark theme

Guys, I'd like some feedback on the last three items left. First, where do you think I should put the links to Subscribe and view top posters? Should they just be links at the bottom of the thread view, beneath the pagination buttons? Suggestions are welcome but please keep it simple.

Second, for the Dark theme. I want to keep the blue headers and satin menus the same but I would like some suggestions on the color scheme of the rest. In particular, what should the lists views, thread views and member profile screens look like? Again, please leave the headers and menus untouched. At most you should only be changing the colors of the bodies of the pages. If you do this, it will save me time trying to come up with the right colors.

Thanks.
 
Mockup Update:

Added:
  • Added Active user info to homepage

Remaining:
  • Subscribe to thread
  • View thread top posters
  • Dark theme

Guys, I'd like some feedback on the last three items left. First, where do you think I should put the links to Subscribe and view top posters? Should they just be links at the bottom of the thread view, beneath the pagination buttons? Suggestions are welcome but please keep it simple.

The active users info looks a bit screwy in Safari on iPhone:

In regards to the Subscribe/Posters links, perhaps but them in under the Go to Page button or on either side of the "Page X of X" text at the bottom as individual buttons?
 
The active users info looks a bit screwy in Safari on iPhone:


In regards to the Subscribe/Posters links, perhaps but them in under the Go to Page button or on either side of the "Page X of X" text at the bottom as individual buttons?

Clear your cache/refresh. You''re using the old CSS file. This goes for everyone testing.
 
Mockup Update:
Is it just me, or was that fast! Very nice job, loving these changes. Although I liked the multi-quote button position previously, I guess this will look better for all those using 90% or lower text options.

Good stuff with the padding of the extra drop down buttons, too.

I think I have an idea for a simple way to incorporate the subs feature. I'll do a mockup in a bit.
 
So for a way to incorporate subscriptions, I would suggest something like this:

subsmockgafmobile.jpg


Not only would you be eliminating a need for an extra set of buttons, but at the same time it would no longer require an extra tap to get to the last/first/goto page options.

As for the top thread posters, I think that could replace the "first page" button as "view posters" and only be accessible on the first page of a thread, rather than every page (that seems a bit redundant imo).

[edit] Or, if possible, have tapping on the current 'Go to Page' button graphic automatically display an input box in its place, with the focus on the text box already (without having to tap on it again).
 
I've never really used mobilegaf before, always sticking to regular website gaf, but wow this is really pleasant on my Kindle Fire. Great work, ckohler!
 
So for a way to incorporate subscriptions, I would suggest something like this:

uiR2t.jpg


Not only would you be eliminating a need for an extra set of buttons, but at the same time it would no longer require an extra tap to get to the last/first/goto page options.

As for the top thread posters, I think that could replace the "first page" button as "view posters" and only be accessible on the first page of a thread, rather than every page (that seems a bit redundant imo).

[edit] Or, if possible, have tapping on the current 'Go to Page' button graphic automatically display an input box in its place, with the focus on the text box already (without having to tap on it again).

Poor little reply button, look how sad and lonely it is!
 
Just tap on the middle of the blue bars on the top and bottoms of the page.


Oh! Wow, thanks to both of you that answered. That's great. And yeah, I knew I could go to the top in safari with a screen tap at the top. It was really the scrolling to the bottom I wanted. Loved having first/last page readily accessible at the top as well.
 
Mockup Update:

Added:
  • Composing/replying to Private Messages
  • "Thread" button when viewing single post
  • Can now delete subscriptions and/or change their type
  • Added Active user info to homepage
  • Added ability to view all current members
  • Can send PMs from member profile

Fixes:
  • Fixed text scaling of some elements
  • Previously hidden photos now open in new tab when tapped
  • Moved PM folder selection to top
  • Adjusted multi-quote button position to conserve space
  • Reduced padding on some elements
  • Better looking white buttons
  • Improved color of message body/tag links
  • Widened Logo button slightly

Remaining:
  • Subscribe to thread
  • View thread top posters
  • Dark theme

Guys, I'd like some feedback on the last three items left. First, where do you think I should put the links to Subscribe and view top posters? Should they just be links at the bottom of the thread view, beneath the pagination buttons? Suggestions are welcome but please keep it simple.

Second, for the Dark theme. I want to keep the blue headers and satin menus the same but I would like some suggestions on the color scheme of the rest. In particular, what should the lists views, thread views and member profile screens look like? Again, please leave the headers and menus untouched. At most you should only be changing the colors of the bodies of the pages. If you do this, it will save me time trying to come up with the right colors.

Thanks.

I’d like to add a couple more things to the “remaining” or “fixed” list. Right now, posts from blocked users on the mobile app don’t have any message on the great bar (“this user is on your ignore list” or similar) and there’s no way to tap to show that particular post.

or to add/ remove users from the ignore list (but I’m OK if this last bit remains out of scope for the mobile app.

thanks! I’ve been using the mockup full-time for a while now it’s very good.
 
Absolutely great work Chris, but I have to say that the multiquote button works better where it was before, it actually encroaches on the longer funny tags now on iphones. I know it's ridiculous, but tags are entertaining to read here.
 
So for a way to incorporate subscriptions, I would suggest something like this:
Thanks for the suggestion Sentry but I can't say I'm a fan. The pagination controls need to be consistant throughout the app. I want them to be the same regardless of what you are viewing (thread/forum/private messages). The same goes for the compose button. It's in the same place everywhere. Currently, the pagination controls work everywhere. It's one simple function and are universal.

Other options would be to have a grey bar below the pagination buttons (but above the ad space) that has "Subscribe" and "Top Posters" as links in it similar to the current web app or to have a second button beside the compose button in the footer that does both subscribe and view top posters.

Also, I'd really appreciate it if one of you guys would mockup a Dark theme like I requested (just leave the header, footer and linen areas untouched; those should remain the same). This would save me a lot of trial and error trying to make it look the way you want because honestly, I'm not really sure what you're wanting. Something about it being black to save battery but white on black can look pretty janky, imo.
 
Thanks for the suggestion Sentry but I can't say I'm a fan. The pagination controls need to be consistant throughout the app. I want them to be the same regardless of what you are viewing (thread/forum/private messages). The same goes for the compose button. It's in the same place everywhere. Currently, the pagination controls work everywhere. It's one simple function and are universal.

Other options would be to have a grey bar below the pagination buttons (but above the ad space) that has "Subscribe" and "Top Posters" as links in it similar to the current web app or to have a second button beside the compose button in the footer that does both subscribe and view top posters.

Also, I'd really appreciate it if one of you guys would mockup a Dark theme like I requested (just leave the header, footer and linen areas untouched; those should remain the same). This would save me a lot of trial and error trying to make it look the way you want because honestly, I'm not really sure what you're wanting. Something about it being black to save battery but white on black can look pretty janky, imo.

Any news/progress/decision on the reply button?
 
Just wanted to reply in regards to that glitch when pressing the menu button would open the menu but bring you back to the bottom of a page, it still happens so that fix you did a little while ago didn't work. :(
 
It's the shadowed text that makes it appear blurry, looks fine on my 4S though but that might just be cause of the pixel density.

The drop shadow on that button text should be gone now if you refresh. Also, what's that weird browser? Is that Safari on iPod? Whatever browser that is, it's bad at rendering text-shadows.
 
Status
Not open for further replies.
Top Bottom