Click to open network menu
Join or Log In
Mobafire logo

Join the leading League of Legends community. Create and share Champion Guides and Builds.

Create an MFN Account






Or

's Forum Avatar

Mobile-Friendly Update!

Creator: Hades4u June 1, 2021 1:13pm
1 2
Hades4u
<Community Manager>
Hades4u's Forum Avatar
Show more awards
Posts:
771
Joined:
Apr 15th, 2014
Permalink | Quote | PM | +Rep June 1, 2021 1:13pm | Report

We have a VERY big update for MOBAFire today - a complete overhaul of our Champion Pages, Guides, and Home Page to be responsive and mobile-friendly! It was quite the task, but we are so glad to be able to share it with you guys, and to provide a modern and user-friendly guide experience for League players. 🎉

If you encounter any bugs or performance issues, please let us know by replying to this thread or by filling in this quick form!

Here is a rundown of all the major changes:

Header


  • Now mobile friendly - you can now access all the header areas with a single tap! You can find the site navigation in the 3 line menu in the top left. Access your profile or sign in by clicking the icon in the top right. Search up a guide for any champion by clicking the search icon also found in the top right side. Quickly go to the top of any page with the back to top button!

Home Page


  • On mobile, the home page is divided into two tabs to help you quickly find what you are looking for - Home and Activity. The home tab has the top guides and news, while the activity tab is more focused on community activity - such as newest guides and comments.

Champion Pages


  • The Champion Guide Listings (the ones accessible from the website's footer) have been merged with the champion pages. We found those pages to be redundant and we've thought that having them linked to the same main page made more sense.

  • We've expanded on the changes we've made a few months ago to the champion pages by adding a new tab dedicated to champion counters. You can scroll to this section or quickly find it by clicking on the 'Counters' tab. Here you will find different counters suggested by CounterStats for the champion you're browsing.

  • Guide Listings: Rankings

    • The ordering of guides has been tweaked. Now the current patch and previous patch are grouped together at the top. This will give authors some wiggle room to get their guides updated without having to worry about someone immediately passing them just due to publishing first.

    • All previous patches for the season are also in their own group, so older guides will be primarily ranked by rating rather than patch number.

    • We felt this was the best balance to recognize highly rated guides, while also ensuring that we are prioritizing guides that are updated and most relevant to the current state of the game.

  • Guide Listings: Score Display

    • One of the first things you’ll notice after landing on our new champion pages is the snazzy new score display! Along with this we have switched from a bar to showing a score number to be a better fit.

    • On top of this, by popular request we are displaying the raw vote counts for up and down votes. We think this will help readers in deciding which guide to pick, on top of it being a long requested feature from the author community.

      • Previously we have avoided this due to it confusing users, since the score is calculated using a Bayesian average rather than a flat score calculation (dividing upvotes by downvotes). We need a certain amount of votes to have confidence in the score of a guide. A guide with 1 upvote would have a 100% flat score, but obviously this should not be considered higher quality than a guide that has 50 upvotes and 3 downvotes. It is similar to how MMR is calculated - you don’t just jump to diamond after winning 1 game. You have to win a lot of games before your score is considered “trustworthy” and the system can feel confident in your placement.

      • Please keep in mind that there is a lot going on behind the scenes to arrive at these calculations, but feel free to ask us if you have any questions or any scores look off to you! It is always possible some improvements could be made.

Guides


  • Build

    • New “Recommended Items” highlighted area that will place your chosen Item Set at the top of the guide, right below the Runes and Summoner Spells for players that are looking for a quick build. To choose your preferred Item Set, simply tick the 'Preview Build' at the right side of the Item Set in the guide editor as always and you're done!

  • Table of Contents / Vote Buttons

    • The ToC and Vote Buttons will now stick to the top of the screen as you read on mobile, to allow for easy access to both of these features.

    • On mobile and desktop, voting will now trigger a popup that prompts the reader to leave a comment. They can simply exit this if they don’t want to leave a comment and their vote will still be counted, but we hope this will lead to having some more feedback on guides!

  • Guide Editor

    • There is now a mobile preview button. This will let you easily preview your guide at a smaller screen size while working on your desktop. It will automatically highlight items that are too large to fit on mobile sizes in red.

    • We will be creating a guide for authors to learn and ask questions about the new mobile formatting:


We are so glad to be able to release this long awaited update and help a LOT of mobile users get their League builds and guides easier! 😊

Remember, if you encounter any bugs or performance issues, please reply to this thread or fill in this quick form!
Janitsu
<Moderator>
Janitsu's Forum Avatar
Show more awards
Posts:
8825
Joined:
Jul 3rd, 2011
Permalink | Quote | PM | +Rep June 1, 2021 2:29pm | Report
No need to thank me

(no, seriously, i did nothing for this update)

Thanks to OwenTheAwesomer for the signature =)
Mowen
<Production Coordinator>
Mowen's Forum Avatar
Show more awards
Posts:
6445
Joined:
Nov 7th, 2010
Permalink | Quote | PM | +Rep June 1, 2021 3:00pm | Report
@ Janitsu why did you need to go and remind me how long we've been wanting to do this update l o l

I only cringed a lot when I saw the timestamp xD
Janitsu
<Moderator>
Janitsu's Forum Avatar
Show more awards
Posts:
8825
Joined:
Jul 3rd, 2011
Permalink | Quote | PM | +Rep June 1, 2021 3:04pm | Report
Mowen wrote:
@ Janitsu why did you need to go and remind me how long we've been wanting to do this update l o l
I only cringed a lot when I saw the timestamp xD


You know I only mean well 😝.

-me on mobile

Thanks to OwenTheAwesomer for the signature =)
PsiGuard
<Retired Admin>
PsiGuard's Forum Avatar
Show more awards
Posts:
10288
Joined:
Jun 26th, 2011
Permalink | Quote | PM | +Rep June 1, 2021 3:24pm | Report
LOVE the listing changes. It fixes the "update race" every time there's a patch and somewhat outdated guides are sorted by score now which is also awesome. The only thing I kinda miss from the old listings (at least I think this used to be there) is the viewcount. I guess seeing the number of votes is maybe similar enough. I might be a little biased because I like seeing the big number on my Nocturne guide. :P
Thanks to The_Nameless_Bard for the sig!
Mowen
<Production Coordinator>
Mowen's Forum Avatar
Show more awards
Posts:
6445
Joined:
Nov 7th, 2010
Permalink | Quote | PM | +Rep June 1, 2021 3:31pm | Report
@ PsiGuard glad you dig the listing changes! That is a problem we really wanted to solve to put less pressure on authors to update immediately. We really hope it helps! <3

And yeah, our thoughts was from the perspective of someone just trying to decide how much "credibility" a guide has the vote count mostly fulfills that, and although the view count would be nice it didn't really fit on mobile. We can look into adjustments if more people feel this way though!

Also I just wanted to let you know that we had to code some exceptions for when view counts get too high and don't fit in the guide header any more that we move them a line below (on mobile). I discovered this was necessary when testing your guide. Its counts are off the charts. Such a good test subject! ;P <3
Thanks to GrandMasterD for my sig!
Sleepininthegarden
<Fabulous>
Sleepininthegarden's Forum Avatar
Show more awards
Posts:
101
Joined:
Jul 31st, 2019
Permalink | Quote | PM | +Rep June 1, 2021 4:14pm | Report
Feels like a fresh new MobaFIRE!
L3gislacerator
<Fabulous>
L3gislacerator's Forum Avatar
Show more awards
Posts:
210
Joined:
Nov 16th, 2015
Permalink | Quote | PM | +Rep June 1, 2021 8:27pm | Report
I love the look and the new features. Awesome update!

| Support Taric Guide | Jungle Taric Guide | signature by jhoijhoi! |
OwnedWilson
<Member>
OwnedWilson's Forum Avatar
Show more awards
Posts:
12
Joined:
Nov 21st, 2019
Permalink | Quote | PM | +Rep June 2, 2021 9:08pm | Report
Looking sharp. Thanks. Mobile App when? :)
Doody_tco
<Member>
Doody_tco's Forum Avatar
Show more awards
Posts:
446
Joined:
Sep 30th, 2020
Permalink | Quote | PM | +Rep June 3, 2021 12:45am | Report
Wow, it looks so nice and neat... Thank you for the hard work! <3
1 2

You need to log in before commenting.

League of Legends Champions:

Teamfight Tactics Guide