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.
Comments