New mobile nav, speed ups, and bug fixes

There were a few things that really bugged me about the mobile nav. First and foremost, it hardly loads fast enough to turn into the Menu icon so you get that brief (sometimes forever) flash of ugly whenever you load a page. Second, it's a lot more of a hassle to get anywhere since you have to click a couple of times to get there. Third, the dropdown menu itself is messy and long. I sat on this for about a year after the 3.0 layout was released mostly because I didn't want to mess with someone else's code and break things (I wasn't the designer for the 3.0 layout).

I went overseas to do volunteer work this summer where most of the places I volunteered at didn't have internet access. On the other hand, I had my laptop and a lot of time to think freed up from no longer compulsively checking Reddit. Since I didn't have internet, that left working on stuff that didn't need online access like the navigation design. So in that time, I read through the code, figured out how to make some performance tweaks to speed up loading, made some bug fixes, and most importantly, finally managed to change the mobile nav into something that makes more sense. It's actually a lot closer to how it was pre-3.0 layout in that it uses an icon bar instead of a hamburger menu (yeah that's a real term).

I also went ahead and did some other speed up tweaks like on the browse users, who's online, and friends sections. Those sections were annoying too since it only gets organized as long as all of the pictures are fully loaded so there's a long period of time where it's just a disorganized mess.

I also took a suggestion from an AFF user that the profile menu on mobile is too small. I made it a little bigger so you no longer need dainty child-like fingers to make that menu pop up.

There's enough changes in this update to justifiably call it the 3.1 layout.

Other than the image gallery sections, only stuff in the header should have changed and nothing below it. If anything looks or behaves differently from before today that I didn't mention above and it seems that the only explanation is that this update broke it, please let me know. Some of these changes sound simple on the surface but it took two months of studying it and a lot of the underlying code was re-written so there's a higher chance of something breaking. I can test with a Samsung Galaxy SII, Nexus 6, iPhone 5, and an iPad Air but that leaves a few hundred others untested so if the header doesn't look right to you (it should look like the image below), also let me know.

 

q68GC66.png?1

Comments

You must be logged in to comment
rhapsodysiscaa #1
Hey. I still have a problem. Whenever I open AFF in my laptop, it will send me to a pharming kind of sites. Every single time. I hope you guys would fix it >A< Thank you very much.
ohlvlysehn
#2
It's a pretty nice update but now every time I open the page it sends me to several other pages about virus for my phone or Russian ones.
chenle #3
Late reply, but it was a great update. I must say way better than the last one.
It works great on the iPhone 6 and the iPhone 6S (there is no difference, honestly.) iPad 2 and the iPod Touch 5. Great job Jason! Thumbs up.
optimus-unreal
#4
Hi! Idk if this has to do with the recent update, but the chapter statistics have been unavailable both on mobile and desktop for me just recently. Like the total view count is there, but the space where the bar chart is supposed to be is blank. The devices I'm using are Samsung galaxy s3, and google chrome on windows desktop.
jooyeon15
#5
its really different from the old one because its really small in my phone ....and now i dont need to change the version ....this really helps me ...thank you :)
xinli_ang #6
Hi! I'm on a Mi phone, and it looks okay to me. :) Thanks for the update! It's a little slow on my end at times, but I'm pretty sure it's the internet I'm using since it other sites also load slowly. haha. :)
lostbaeks
#7
The search function didn't work on my phone (Asus Zenfone 5/Google Chrome) but the rest is great. I love the new layout which is easily to use and quick. Thanks for the improvement.
sweetcandy65
#8
I was surprised when AFF changed into this style at the morning lolz xD
But anyways, I always write and read in mobile so thanks! Though, I don't think I have any problem before anyways xD
And yeah, this looks the same! You did a great job! ^~^
nicolelove2ne1
#9
I'm using Lenovo S939 and there is no problem and its great ^.^
ohneomo #10
I'm using Samsung Note 3 and it comes out great^^
PEESEAWHY #11
is this available for Apple yet?
deeryoong93
#12
Thanks u for ur hard work Jason. Ur awesome.