*) Node types and a link to comments should be on the bottom right corner, since it's not a part of the text within the search results.
*) There are no straight visual borders to be able to isolate each search result quickly. The only visual separator is a light blue title which is not very easy to read. I suggest a slight border/shadow effect to each search result and/or a subtle background color like on a sketch attached.
| Comment | File | Size | Author |
|---|---|---|---|
| #18 | Screen Shot 2014-02-04 at 2.58.51 PM.png | 216.04 KB | mgifford |
| #18 | better-search-results-941768-18.patch | 1.09 KB | mgifford |
| #16 | Screen Shot 2014-01-23 at 12.32.53 PM.png | 278.91 KB | mgifford |
| #16 | better-search-results-941768.patch | 963 bytes | mgifford |
| #7 | searchresultsindentswording.png | 23.03 KB | vmiliano |
Comments
Comment #1
jazzitup commentedI would also suggest to increase the font-size for titles. If we'd like to keep node types and link to comments at the bottom-left corner, we should use a different color for those links (with a comment bubble), just like Google does for their search results. Green would look good.
Comment #2
redhatmatt commentedis this really a QA item? Seems to me just needs spec and layout before anything can be completed. Looks more like a design discussion.
Comment #3
jazzitup commented@redhatmatt: You're right. It's more like a discussion. So I'll just change the title.
Also, node type is something important. It shouldn't be at the end of the each block IMHO. I'd put it much closer to the title.
I would vote for using "@time ago by !author" instead of the exact date.
Comment #4
lisarex commentedtagging.
needs design review.
something for after the initial launch maybe :)
Comment #5
jazzitup commentedIt's much more user friendly even this way - just take a look at this thread, for example.
All items have borders, there are numbers to identify each item, edit/reply links are in a bottom-right corner, it makes much more sense and besides, search results is a crucial part of drupal.org in general. :)
Comment #6
itsnotme commentedMisunderstanding, comment deleted. Sorry :)
Comment #7
vmiliano commentedMaybe it doesn't need that much of an overhaul between now and Monday, just a little more white space and a slight tweak to how information is presented.
In the attached example, I've made the result type (project, issue, etc.) part of the subheading, and changed the wording as to the creation date (people will be looking for "last updated" dates and you don't want to confuse them), and indented the description (".search-results dd" in the CSS, I used padding-left: 1em; but you'll want to implement it with whatever is appropriate and consistent for your theme). I think it helps a lot, and is certainly doable between now and Monday.
Example attached.
Comment #8
jazzitup commented@vmiliano: Yes, I can see a progress you've done and I think this could work as a quick fix, but you forgot to visualize comment links. I wouldn't keep it in the same place. I suggest to move a link for comments exactly where I said: in the bottom-right corner. By doing that, some kind of a border or a separator will be still missing for search result item as a whole. I would leave this topic open for further discussion. Maybe the title could use a slightly bigger font in your example as well.
For a longer period, search results could look much friendlier to the end-user, so I invite everybody to give us their own opinion, screenshots, or exact CSS examples on this.
Comment #9
Anonymous (not verified) commentedSuggestions:
It would be an nice addition if you were able to select the Drupal version in the sidebar as well on the results page.
As well as possibly a 'Resolved' list item in the jump menu in the 'Sort by' at the top left, which could filter on resolved topics in the forum. Or maybe automatically place the resolved topics higher on the search results list.
Comment #10
jazzitup commentedIt's still much easier to read these comments than search results in d.o.
Comment #11
Jerome F commentedI agree with @design_dolphin using Solr to filter search results by Drupal version is very interesting:
I 've found these issues more or less related to that matter :
http://drupal.org/node/865510
http://drupal.org/node/692066
http://drupal.org/node/1061386
http://drupal.org/node/627838
http://groups.drupal.org/node/16732
It's already available when you filter by module, and the cool thing would be to have this filter also on the main search page Forums & Issues in drupal.org I still wonder where's the issue discussing precisely that.
Comment #12
lisarex commentedFrom the UMN testing:
Observation: Workflow of finding a new module was seen as overwhelming.
Recommendations:
1. Reduce size of descriptions in search results.
2. Move filters to right sidebar (as facets).
This was also flagged in http://drupal.org/node/932940#comment-3570932
Comment #13
estenrick commentedWe found a similar issue during usability testing.
#1164758: Search field was missed.
Comment #15
lisarex commentedMoving this to the Drupalorg customizations project. This issue is for code changes to the module for customizations specific to Drupal.org
Any issues related to the theme/CSS should have their own issue (and perhaps issue already exists) in the Bluecheese (theme) project.
And a mockup would help here a lot! This issue seems like a duplicate of many others..
Comment #16
mgiffordOk, so adding padding to the search results (.search-results .search-snippet-info) & floating to the right (.search-results .search-info) will improve usability of the search results.
http://search_api-drupal.redesign.devdrupal.org/search/site/peace
Seems pretty easy.
Comment #17
jazzitup commented@mgifford: Great stuff! I would also add this code in _search-results.scss, just to make .search-info closer to it's search-result item:
It's a big progress in usability already.
Comment #18
mgiffordGlad you liked the patch. Here's a new one with your suggestion and a screenshot of http://search_api-drupal.redesign.devdrupal.org/search/site/ghosts