Mobile web refresher [duplicate]

Question

We are rolling out a revisited version of our mobile web sites with the following aims:

• A navigation and look-and-feel more consistent with our desktop UI in a mobile friendly way.
• Better usability
• Equal or better functionality

Since there’s a lot to do, we will be deploying this iteratively. Our current deployment contains changes to:

1. Top Bar - We have beautiful new svg icons that scale perfectly with different mobile devices
2. Nav Bar - It now sports better typography and a more visible “current section” indicator
3. Search - Each section has its own search, accessible with the magnifying glass next to the title; the search is contextual: post list searches return… posts and user list searches return … users.
4. User flair - Moved away from the “magic drawer” in the previous version, it now resides in the bubble “site switcher”
5. Main colors and typography - moved towards less saturated blues and larger, lighter fonts. The site should now appear with each platform’s preferred sans-serif form (Arial, Helvetica Neue or Droid Sans)

Here is screenshot of before and after:

Send your <3 to Pawel and Jin for the most excellent design.

Feedback , bugs and suggestions while we move to the next iteration? Please mark bugs with mobile-web

Answer 1

1. "Log in" and "sign up" are hardly locable, however there is enough place to place it in standard place.

2. Would be good to show tag description.

3. If you already added an answer, "Your answer" should be hidden, only "Add another answer" should be shown, like on the full site.

4. Badge circle is misaligned, I would move it a little lower:

5. Can I have ability to group rep events on one post?

6. Should be "downvote" instead of "downvoted" and vice-versa, and "upvote" instead of "upvoted".

7. Should be shown how much rep I earned each day.

8. close 3? A bit confusing.

Should be close (3), as on full site.

9. When I click on "chat" link, it links me to the full site chat. Maybe make mobile chat?

10. I can't see full user card if he has plenty of badges and rep:

Answer 2

Looks really nice!

Two things bothered me right away though.

1. I couldn't find search. This is probably just something that takes getting used to, but until I read this post I was hunting through the menus in vain looking for it; I actually thought it might have been forgotten! The consistent, context-sensitive search is a marked improvement over the old placement, but... Maybe make that icon a bit bigger / darker?

2. Getting to/from meta is harder than it needs to be. This caught me off-guard a bit:

   

   I now have two big hit-targets (one always available) to get back to the homepage of the site I happen to be on. That's nice - I wish the mobile app had at least one of those. But getting to/from meta means clicking a tiny little link right next to one of those big fat targets. That's not so nice; in fact, it's worse than just using the full desktop UI on mobile and zooming in a bit:

   

   Realistically, anywhere I have to target closely-spaced one-word links is gonna be irritating; the action links below each post are bad enough in this regard, but I'm not using those as much while reading^* - and most of those don't take me to a different page.

^{*_{if I'm doing more than reading, there's a pretty good chance I'm not using the mobile theme at all, even if I am using my phone.}}

Answer 3

On Stack Overflow em Português, there isn't enough room for all items in the nav bar.

On the left picture, the Ask link ("Perguntar") is missing. I believe it's actually under search, because on a question page it's visible under the title (right picture):

Proposed solution

The nav bar could scroll sideways, but then Ask would default to offscreen. A better solution: remove Badges ("Medalhas"). It isn't that important on mobile, there could be a link to that page somewhere else.

Answer 4

Overall I like it; but I am still having a problem seeing how to arrange the questions by newest.

Answer 5

please consider make it live tile enabled for Windows 8.1 / Windows Phone 8.1.

It will look amazing and will provide information at glance. Like the guys from TheVerge.com did on its site. Below you can see both tiles, from SO and theirs:

You own it to us since you still didn't provide an official app ;)

Make a Windows 8.1/Windows Phone 8.1 Pinned Live Tile For your Website in minutes

Answer 6

I want to like it—really I do. And there is a lot to like. However it took just a few seconds to realize my longest standing issue with the mobile web interface has still not been addressed:

Moderator flag notifications should reach mobile

I was hopeful for a second when I saw the diamond, but that only shows notifications about meta posts and mod-message replies. What I really need is a flag count there next to in as on main. Even if the actual flag processing page does not get a mobile makeover, the fact that there are outstanding flags should be shown.

Answer 7

The new mod tool integration is amazing. Thank you SO much for this.

I have just one small complaint, though: Deleted comments are kind of cumbersome to work with.

1. The only way to see them is through the "mod -> show n deleted comments" thingy, and this redirects you to a non-mobile site. (I also can't see any way to undelete comments from this page.)
   • A great way to fix this would be to put the handy-dandy deleted comments / flags box at the bottom of the post, if it applies. (I'm referring to the one that usually appears to the left side of the post on the full site.)
2. The fancy quick comment deletion gizmo that disables the prompt box for "really delete this comment?" doesn't work. This makes it really tedious to delete multiple comments in succession.

Answer 8

It is really nice, I generally like Facebook-ish designs. Anyway one little annoying thing, you can not navigate between the three icons (reputation, messages and SE) directly, for example, if you open the reputation menu and then click on the messages (inbox) menu it will not open and the main page will show, you will have to click again.

Answer 9

To expand on this answer, there appears to be a bug in loading the front page and /questions page.

When you are on any page other than the front page and /questions, clicking on the site name in the header takes you to the front page, and clicking on the "Questions" button. This behaves exactly as expected.

But when you are already on the front page or the /questions, clicking on both the site name in the header and the "Questions" button takes you to the front page. Clicking on "Questions" should take you to /questions but it does not and there is no way to get to that page unless you navigate away from the front page and then click "Questions".

To illustrate it better:

1. From the mobile view start on any question, for example Mobile web refresher
2. Click on the site name in the top bar. You will be on the front page.
3. Go back to any question (Mobile web refresher)
4. Click on "Questions" in the top bar
5. You will be on the /questions page of the site
6. Click back on the site name in the top bar, you will be on the front page
7. Click back on "Questions" in the top bar, you are still on the front page. This should go back to the /questions page of the site.