Khan / engblog

KA Engineering blog.
http://engineering.khanacademy.org
Other
29 stars 20 forks source link

Resolve redesign #13

Closed itsjohncs closed 9 years ago

itsjohncs commented 9 years ago

I hit a dead end with the design I was using before, and couldn't figure out how to add in the pieces I wanted. So I scrapped it and am trying for a two-column responsive layout now.

There is no index page now, and the posts are instead available on the left nav bar, along with the subscription messaging. The nav bar will jump up onto the top of the page when the width gets small enough, and the info under the logo will be shown through a menu button.

screen shot 2015-05-23 at 1 05 53 am

I'm not sure whether this will be a good road to go down but I've been having a much easier time working within this structure so I suspect this'll be the way to go.

itsjohncs commented 9 years ago

Some weak points right now:

Subscription

The subscription messaging seems very subtle. Given that that's very important, it might be a good idea to make it a little louder. On the other hand, subscribing is something people will naturally think of if they like what they read in the post... So it might be distracting if we call attention to it before the user is ready to click it.

Alternatively (or just in addition to whatever else I do), I can add some callouts at the bottom of the post to catch users who liked the post, and wouldn't immediately think to look for a way to subscribe.

Mysterious Colors

The team tags were a much bigger piece of the previous design, but they got smaller and smaller and now they're just a single little line next to the post.

Those lines are not explained, and they do have meaning, so I suspect some people might be confused. They're serving the purpose of grouping the post title and metadata, as well as giving the side bar splashes of color, so it might be OK to just let it be, but I wish I could figure out a way to convey what team each post is coming from more clearly.

People

I want more emphasis on the posters if possible, and I haven't really figured out how to do that... This might be enough though. A big badge is probably not really necessary.

itsjohncs commented 9 years ago

Got some feedback from my SO, going to try and put some more explicit emphasis on the subscribe buttons.

screen shot 2015-05-23 at 2 47 59 pm

I can also make the upcoming post clickable, and it brings you to a partial post page that potentially gives some additional teaser information, as well as a big ole' subscription call out. Because if the user wants to read the post, they'll have a solid internal reason to subscribe.

itsjohncs commented 9 years ago

Mobile version is coming along :).

screen shot 2015-05-23 at 7 37 41 pm

kevinbarabash commented 9 years ago

Nice!

itsjohncs commented 9 years ago

:).

Haven't explicitly figured out what browsers I want to support yet, so to put a target on the board: I'll plan on trying to support IE 9 and above. Anything before that would be a real drag. I don't think I need to worry overmuch about the other browsers as far as supporting various features go, but I'll make sure to do cross browser testing.

kevinbarabash commented 9 years ago

I wouldn't bother with IE 9 considering who the target audience is, but that's just me.

itsjohncs commented 9 years ago

IE 9 and above is pretty straightforward to support, which is why I picked that as that target. I agree that it's not really necessary though, I doubt IE 9 is going to be a big part of our market. A bunch of weird mobile browsers is probably something to worry about though.

Anyways, design is pretty much done, I put up a request for feedback on the design asana queue though.