Guide Note on the leftShould the title move to the left on this now that the Guide Note is on the left? Normally there would be an image here. These notes should be supportive of the Search Results, not the other way around, the way it looks is that you are answering a question and showing a bunch of citations to support it, it almost turns it into a wiki. The option to add a thumbnail image on the right hand side of the title banner. Thumbnail could help user better identify if article is the right one they are looking for. The thumbnail could also go on the left of the title banner, but it would likely get lost in the clutter. Rag right is too light weight. The guide note on the right helps balance the page nicely. With the logo above the Guide data it seems too crowded and the Guide Note becomes easily overlooked. Logo should be tied to the Web Search dialog box and not to the Guide component. This is a very natural location for the branding of the site I think. The guide notes are cramping it in a bit though. Slide out Guide notes with a nice little arrow and some Ajax. See Google reader left hand bar. Beta is overly tired and a cop out - a website is, should be, constantly in flux anyway. I would keep the page title above the guide note with plenty of white space surrounding it. The guide note downplays the title, which I'm assuming is not intended. Use bullets keeping text economy in mind. Web users scan, not read. Sorry but this #FCF7E3 background just reminds me of the testimonial divs on all those endless sales-letter sites... Perhaps the logo should be (just a smideg) larger, and a bit lower, with the Guide note being level with the "Also Try" or the "The Mahalo Top 7". The added whitspeace would make it look less cramped, and the logo and main Title form a banner header. Ragged right is fine for this side the top right is what anybody with a compressed browser will see (not full screen) The headers should allow for compression/expansion depending on browser size. Search should be to the far right. Placing the Guides on the left gives them prominence over the search terms. As a search engine, aren't the results more important than ancillary elaborations? The search section no longer has a visual anchor to which it is left-aligned. A designer would be able to see the two vertical layout columns, but most others won't. Center this search feature in the middle of the results column (like the logo). I would keep the links below the field left-aligned. I think the Paragraph titles should be centered. My high school journalism teacher would "bleed" red in on that. And maybe put the line that's under the headline over it instead to show division between the paragraphs The YouTube video should be placed in a similar spot as it is on youtube. People's eyes are more comfortable with that. Looking at the full length mock-up "prev" from here, you may want to make some of the boxes below the Guide Note collapsable. The large whitespace in the main column makes the content look somehow incomplete. Please more spacing between items I would keep the guide note on the right to keep things from being cramped. The search results are in outline form and left aligned you will consistently have a lot more white space to the right. Also, since people read left to right, their eyes will be drawn first to the results. These indents don't add to the information categorization. So move the title to the right, and have a bit more white. Perhaps make the guide notes collapsible/saved user pref. Agree with note below that results are more important than guide notes. Allow user prefs to determine whether guide notes are in left or right column - also make columns left/right collapsible. Generally, it looks busy and hard to read. Unless I was very interested, I'd move on. Move fast facts up towards top of page for faster access. Considering that color and placement define significance, you are telling the viewer that the guide notes are more significant than the search results. Is that what you want? If yes, it's fine, though the color palette is a bit bland. It makes me feel that Im in a waiting room with Manilow playing This youtube box looks out of place just floating in the middle of no where -- with the sections reversed it would at least be closer to an edge and feel less floating. It looks very cluttered, should have some space between them. There's a lot of unused space. Maybe can have some icons with the stories or for the categories. I'm with Dean above. This is an extremely busy look, that could use more white space. Also, the tendency in the west for two-column layouts is for "explanatory" content to be embedded or on the right. I would prefer to see all the "Guide Note" items as popups or CSS popouts. Whitespace = readability With everything going to the left, maybe the youtube screen can go centered, to even the weight between the left and right columns. The font here wouldn't hurt to be a bit larger. The Guide notes work well on the left if you think about most people reading in a 'L' shape. If it's important, it should be here :). Insert some graphics or a stronger color to really break the space between the 2 columns, because the text can be read continuosly. I prefer this here. Putting it above the guide note could mean it would get lost. In this image, it looks like it needs a bit more differentiation from the elements around it, and maybe more white space - but I think that's down to scaling in this image. Maybe make the youtube a small view and enlarge when someone elects to watch I think these fonts look tiny because the picture's so small; when this is the size of a browser window, these fonts won't seem so small. This seems to be the conventional place to stick the branding, but that doesn't mean it's the right place for Mahalo. Does the page look a bit less 'full' if you switch the search box and the branding over? It might draw the reader's eye back to the right, which may give the page more balance. I think you should put back the picture you have on the 'guide note right' page. It adds interest to the page the writing looks cluttered needs more space Am i the only one who would like something on top of the search bar ? Francis Vallieres Agreed Videos should be either at the top or bottom of a post page. Without citations of some kind, I don't trust the information. What if mousing over a sentence or paragraph highlighted links from the right-side main page which were used to support the claim? "Guide Note" implies that the information pertains to using Mahalo. How about something like "About the Global Food Crisis" or even just "Topic Info"? This is far too large. The space used by this video is in an area that will be heavily-trafficked by eyeballs, and users won't get any value from it unless they engage with the content and click "play". This whole chunk of your page will be ignored by users and search engines alike. Users ignore "Web Search" boxes. Either make it a Mahalo-specific search box (and label it as such) or make clear which search engine the box uses. Guide notes should be collapsible. This question mark should be an "X" icon which can close the column completely. The prominence of the youtube real estate suggests it is the most important component to the page. The eye tracks directly to it and you risk people not looking at the rest of your conent. I'd change the color to something a little less obtrusive. Just a thought? According to the research I have read, people read across the top and then down the right hand side. If you believe the guide notes are more important than I would say the design is good. I however believe the search results are more important. I would make the Mahalo slightly larger, move the title of the page to thecentre top, and move web search to below the title on the far right of the page. I would make all the columns collapsable on the left side of the page. No, do NOT center titles, users will scan down the column, centering will detract. Anyone 'bleeding' red, is clearly from the print/paper world, digital experiences are far different. Wow! This is busy! ![]() ![]() what do you guys think of Guide Note on the left, search result on the right?
This photo has notes. Move your mouse over the photo to see them.
Currently the opposite on Mahalo: www.mahalo.com/Global_Food_Crisis PLEASE USE THE ADD NOTE feature above to show specific details you like/don't like/think we should work on. NOTE: The 100 best comments/thoughts on this post will get a Mahalo Pack like this dude: www.ustream.tv/recorded/379599 if you were one of the comments before April 29th at 11am PST that was intelligent please email me your flickr name and snailmail address at jason@mahalo.com and cc admin@calacanis.com Commentsciclismosam11 says:looks pretty clean and easy to use use...not
too complicated i like it
Jack Danger Canty
|
[?]
TagsAdditional Information
|
jasoncalacanis
says:
Note: this is just a mock up, obviously it's not perfect. Trying to get feedback on the content on the left and links on the right as opposed to the other way around which we currently have.
Posted 15 months ago. ( permalink )