knowitall / openie-demo

The main Open IE demo.
http://openie.cs.washington.edu/
6 stars 1 forks source link

Display of the demo on smartphone devices #60

Open wy1024 opened 11 years ago

wy1024 commented 11 years ago

The display of the open ie-demo on smart phone devices, with a smaller screen size than computers, has many problems.

First off the format of the webpage looks really awkward, query forms and query cards' positions are out of place. Some functionality such as searching during the disambiguation and searching a new query at the results page are lost. Also, the answers generated do not bring up a linked query card.

wy1024 commented 11 years ago

I have come up with a prototype for the new smartphone design.

screen shot 2013-08-05 at 1 59 00 pm

Starting at the index page, I thinks its clearer to put the query form at top, so its easier to type in arguments and relations for the query, select the corpus and perform the search. After that list out all the example queries, so that gives the user an idea what types of queries the demo can search for.

Scrolling down the page, I want to format the displays of the information of this project better, so that the information is more organized. Also add to the bottom the Turing Center's image.

screen shot 2013-08-05 at 1 59 12 pm

When the user performs a search, it will either disambiguate or go directly to the results. In both cases right now, there isn't a possible way to perform a new search except clicking on the "UW open ie" title and go back to the index page. I thought of two possible way to fix this. 1 - Simply show the query form in all pages, however I think this would not be very user friendly since the form is quite big and takes up a large portion of the screen. So every time the user wants to look at the results he/she need to scroll down a bunch to skip the form.

2 - Add a search button at the top right corner, when clicked, it drops down the query form. This way it saves space for the screen but doesn't lose functionality of making a new query during a performed search.

I will also touch up on the disambiguation and results page formating, removing the margins, and also shorten the description for each query card.

When an answer is clicked on the results page, the smartphone goes to a separate answers page. Most cases the user may not want to look at all the results for a single answer, so I suggest first drop down 10 answers for a result, then provide a link "show all" that goes to the answers page. The answers page also need to be added information. Such as a query card when the answer is a linked entity, and the URI for the freeBase query card. The sentences should also be formatted better.

schmmd commented 11 years ago

Looks great to me!