Redefining web design

General Discussion
1

I have never seen a webpage’s profile/notification area initialize in the middle lower half of the screen :laughing: :sweat_smile:

https://i.imgur.com/TqWUbSn.png

constructive feedback:

  • ow2’s bright theme doesn’t mesh very well with the dark themed forums, esp the giant hero section in the landing page
  • the “ow2 nav” (white one) fights for attention. why is it so prominent and sticky? it’s wholly secondary in nature on this page. on mobile it feels like i have an ad open at all times
  • the “forums nav” is too far down given the size of the “ow2 nav” and the spacing between them
  • TWO sticky headers makes me want to delete them with dev console every time i open the page. consider making the “ow2” one fixed and full-width
  • remove the dirt (ash?) from the tiled background, makes people think their screen is dirty
  • new color palette is nice overall, i like it
28 Likes
2

And I thought the permanent white bar on the top of the mobile site was bad… This bar feels like a pop up and I want it to go away so bad.

I also don’t like how they removed the subtle textures. It gave it style and they moved back towards a generic minimalist look. I also prefer dark grey to black as black with white text can make me see lines for a while.

The sliding transitions instead of just moving instantly are also weird.

I can’t even collapse my reply to view the thread while having it as a draft because the white bar is blocking the button! Quoting multiple times is now impossible on mobile! Ok actually I figured it out but they still blocked the button with the bar.

Designers… Pls make a prototype and test it first.

17 Likes
3

The background is nice. but like… why is the white tab part just stuck there now. The whole thing before was fine where you would have to scroll up to the very top for it to appear. Now the part that I least care about is just stuck taking space.

10 Likes
4

it just needs some comic sans

6 Likes
5

funnily enough if you got ublock origin you can make that new bar go bye bye

6

This new forum really got that “web design is my passion” vibe.

2 Likes
7

I share most of these takes. The new look is workable. My biggest issue: Everything is “dark” in theme and the top nav is this high-contrast pop that fries eyeballs.

And yes it takes up a lot of real-estate. Seems mobile-centric / responsive which is what I guess most things are now. Meh, will take some getting used to.

8

I like the change in general, but that white bar is too distracting. Knowing Blizzard it could be worse, though. It wouldn’t surprise me at all if they made the “Shop” text bigger or flashier just to get more attention.

9

I just found out that once you logged in to the forum. you can’t log out anymore. Attempting to log out only gives you a blank forum page with nothing but that obnoxious “OW2 nav bar”. If you open the forum again, your account will still be logged in.

High quality web design right there.

1 Like
10

What good does a big orange “Play Now” button do on my mobile screen? It’s obnoxious, it distracts the eye (along with the whole white bar at the top) and honestly I wouldn’t even be on the forums if I didn’t already play overwatch anyway.

Bad design

5 Likes
11

The menu eats-up an unreasonable amount of screen real-estate. The size was fine when the menu was fixed at the top, but if it must keep following as I scroll down then consider trimming it down.

4 Likes
12

everything is great and looks fresh but the white banner needs to not be pinned. let the forum nav bar be pinned alone and everything will be perfect.

13

You can either remove it with inspect element.

Or download stylus.

and have this like me.

https://imgur.com/a/eXjacJf
14

I found way to make white banner stay at the top of page, but same method doesn’t work for small dark top bar.

In adblocker:
us.forums.blizzard.com##blz-nav:style(position: static;)

How did you make that black bar stay at the top of page? Method I used to do it with white bar doesn’t work on black bar for some reason.

15

I use stylus which allows me to use a custom css style.

And then use the code from this thread

The new sticky navigation sucks. Here’s a fix - General Discussion - Overwatch Forums (blizzard.com)

This makes sure that the white bar is permanently stuck on the website and doens’t scroll. This also makes you black bar stay on top of the website.

16

For some reason Adguard can’t change behavior of black bar, but for white bar it works.

17

With this extension it works.

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

idk about adguard tho never used it.

18

position: static stops the white menu from being sticky but leaves it completely unusable. Also, without additional changes it leaves the dark menu in a weird spot. I’ve provided a working solution in the post @NerfCassidy linked.

19

Is there way to do same with black bar in adblocker? So far I am not having any luck with setting style of that element.

20

You need to apply all of these rules to also stop the dark menu from being sticky:

blz-nav {
    position: relative;
}

.d-header-wrap {
    position: static;
    padding-top: 0;
    margin-top: 110px;
    margin-bottom: -60px;
}

.blizzard-homepage .d-header-wrap {
    margin-bottom: 0;
    margin-top: 80px;
}

.b-welcome-banner {
    margin-bottom: -60px;
}

It’s the same CSS from the post with an added position: static to .d-header-wrap.