Update WebUI docs (#325)

docs/WebUI.md

@@ -4,17 +4,18 @@
 
 Click the tab "Overview".
 
-* See the experiment parameters.
-* See search_space json.
-* See good performance trial.
+* See the experiment trial profile and search space message.
 
-![](./img/overview.jpg)
+![](./img/over1.png)
+* See good performance trials.
+
+![](./img/over2.png)
 
 ## View job accuracy
 
-Click the tab "Optimization Progress" to see the point graph of all trials. Hover every point to see its specific accuracy.
+Click the tab "Trial Accuracy" to see the point graph of all trials. Hover every point to see its specific accuracy.
 
-![](./img/accuracy.jpg)
+![](./img/accuracy.png)
 
 ## View hyper parameter
 
@@ -23,32 +24,24 @@ Click the tab "Hyper Parameter" to see the parallel graph.
 * You can select the percentage to see top trials.
 * Choose two axis to swap its positions
 
-![](./img/searchspace.jpg)
+![](./img/hyperPara.png)
+
+## View Trial Duration
+
+Click the tab "Trial Duration" to see the bar graph.
 
-## View trial status 
+![](./img/trial_duration.png)
 
-Click the tab "Trial Status" to see the status of the all trials. Specifically:
+## View trials status 
+
+Click the tab "Trials Detail" to see the status of the all trials. Specifically:
 
-* Trial duration: trial's duration in the bar graph.
 * Trial detail: trial's id, trial's duration, start time, end time, status, accuracy and search space file.
 
-![](./img/openRow.jpg)
+![](./img/table_openrow.png)
 
 * Kill: you can kill a job that status is running.
 * Tensor: you can see a job in the tensorflow graph, it will link to the Tensorboard page.
-
-![](./img/trialStatus.jpg)
-
 * Intermediate Result Graph.
 
-![](./img/intermediate.jpg)
-
+![](./img/intermediate.png)
\ No newline at end of file
-## Control 
-
-Click the tab "Control" to add a new trial or update the search_space file and some experiment parameters.
-
-![](./img/control.jpg)
-
-## Feedback
-
-[Known Issues](https://github.com/Microsoft/nni/issues).
\ No newline at end of file