"
Team:SJTU-Software/Project/UserStudy
From 2014.igem.org
(Difference between revisions)
Caoweijian (Talk | contribs) |
|||
| (32 intermediate revisions not shown) | |||
| Line 388: | Line 388: | ||
<a href="http://www.igem.org/Main_Page" target=blank><img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img></a> | <a href="http://www.igem.org/Main_Page" target=blank><img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img></a> | ||
<div class="container" style="position:relative;z-index:3" > | <div class="container" style="position:relative;z-index:3" > | ||
| - | + | <ul id="nav"> | |
| - | + | <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li> | |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li> | + | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a> |
| - | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview">Software</a> | + | |
<ul class="subs"> | <ul class="subs"> | ||
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview">Overview</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial">Tutorial</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy">User Study</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman">User Study</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo">Demo</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download">Download</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database">Document</a> | + | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a> |
<ul class="subs"> | <ul class="subs"> | ||
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database">Database</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li> |
| - | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li> |
| - | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li> |
| - | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li><a class="hsubs" href="">Requirement</a> | + | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a> |
<ul class="subs"> | <ul class="subs"> | ||
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal">Medal</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/ | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li> |
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/ | + | |
| + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a> |
<ul class="subs"> | <ul class="subs"> | ||
| - | <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li> |
| - | + | ||
| - | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 428: | Line 427: | ||
</div> | </div> | ||
| - | |||
<div align="center"> | <div align="center"> | ||
| - | <div class="container2" style="height: | + | <div class="container2" style="height:2240px;width:71%;margin:4.3% 0 0 0"> |
<div align=left> | <div align=left> | ||
| - | <div class="container2" style="height: | + | <div class="container2" style="height:2240px;width:28%;background-color:#636363;float:left; display:inline" > |
<div id="content" > | <div id="content" > | ||
<ul id="expmenu-freebie" style="position:fixed;" > | <ul id="expmenu-freebie" style="position:fixed;" > | ||
| Line 441: | Line 439: | ||
<li> | <li> | ||
<div class="header" > | <div class="header" > | ||
| - | <span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Overview" ><font color=#ffffff>Overview</font></a></span> | + | <span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Overview" ><font face="Jokerman" color=#ffffff>Overview</font></a></span> |
<span class="arrow up"></span> | <span class="arrow up"></span> | ||
</div> | </div> | ||
| Line 448: | Line 446: | ||
<li> | <li> | ||
<div class="header"> | <div class="header"> | ||
| - | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font color=#ffffff>Tutorial</font></a></span> | + | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman" color=#ffffff>Tutorial</font></a></span> |
<span class="arrow up"></span> | <span class="arrow up"></span> | ||
</div> | </div> | ||
| Line 455: | Line 453: | ||
<li> | <li> | ||
<div class="header"> | <div class="header"> | ||
| - | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font color=#ffffff>User Study</font></a></span> | + | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman" color=#ffffff>User Study</font></a></span> |
<span class="arrow down"></span> | <span class="arrow down"></span> | ||
</div> | </div> | ||
| Line 462: | Line 460: | ||
<li> | <li> | ||
<div class="header"> | <div class="header"> | ||
| - | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font color=#ffffff>Demo</font></a></span> | + | <span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman" color=#ffffff>Demo</font></a></span> |
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
<div class="header"> | <div class="header"> | ||
| - | <span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font color=#ffffff>Download</font></a></span> | + | <span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman" color=#ffffff>Download</font></a></span> |
</div> | </div> | ||
</li> | </li> | ||
| Line 478: | Line 476: | ||
| - | <div class="container2" style="height: | + | <div class="container2" style="height:1850px;width:72%;background-color:#E0E0E0;float:left; display:inline" > |
<div align=center > | <div align=center > | ||
| Line 487: | Line 485: | ||
<div class="container2" style="margin:-4% 0 0 0;height:250px;width:100%;float:left; display:inline" > | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:100%;float:left; display:inline" > | ||
| - | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size="5px" color="#242424"> | + | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size="5px" color="#242424">User Study</font></p> |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="4px" color="#242424"> | + | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="4px" color="#242424">Goal |
</font></p> | </font></p> | ||
<p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">User studies are carried out to make our software “Easy BBK” to be more user-friendly. Based on the problems exposed in the test process of different users and their feedbacks, our developers can track the bugs and add new functions in the development of software. | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">User studies are carried out to make our software “Easy BBK” to be more user-friendly. Based on the problems exposed in the test process of different users and their feedbacks, our developers can track the bugs and add new functions in the development of software. | ||
| Line 501: | Line 499: | ||
<div align=center > | <div align=center > | ||
| - | <div class="container2" style="height: | + | <div class="container2" style="height:175px;width:100%;background-color:#ECC2FF;margin:1% 0 0 0 "> |
<div align=left > | <div align=left > | ||
<br> | <br> | ||
<br> | <br> | ||
| - | + | ||
| - | + | <div class="container2" style="margin:-4% 0 0 0;height:175px;width:100%;float:left; display:inline" > | |
| - | + | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size="4px" color="#242424">Users</font></p> | |
| - | <div class="container2" style="margin:-4% 0 0 0;height: | + | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">9 members from SJTU-bioX-Shanghai and some members from SUSTC-Shenzhen were invited to use our software. All of their operations are recorded in video and researched later to figure out problems or highlights in our software. |
| - | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size=" | + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424"> | + | |
| - | + | ||
| - | + | ||
</font></p> | </font></p> | ||
| Line 522: | Line 517: | ||
<div align=center> | <div align=center> | ||
| - | <div class="container2" style="height: | + | <div class="container2" style="height:1800px;width:100%;background-color:#FFE1C2;" > |
<div align=left style="margin:1% 0 0 0 "> | <div align=left style="margin:1% 0 0 0 "> | ||
<br> | <br> | ||
<br> | <br> | ||
| - | <div class="container2" style="margin:-4% 0 0 0;height: | + | |
| - | + | <div class="container2" style="margin:-4% 0 0 0;height:1800px;width:100%;float:left; display:inline" > | |
| - | + | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size="4px" color="#242424">Highlights and problems fixed</font></p> | |
| - | + | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">Since we have focused mainly on the problems in our software during those studies, highlights are briefly recorded here.<br> | |
| - | + | • The search result offered by the search engine are quite satisfying<br> | |
| - | + | • Novelty of "Present"<br><br> | |
| + | |||
| + | Most problems identified during user studies were solved before wiki freezes; however, there remains some problems unsolved. Those problems which are not solved now are to be solved later, and we will continue conducting user studies to refine our software. | ||
| + | <br><br> | ||
| + | Problems solved by October 17<SUP>th</SUP> </font></p> | ||
| + | <table border="1" backgroundcolor="#00FF00" borderColor="#FFE1C2" style="margin:1% 60px auto;height:100px;width:80%;font-size:1px;font-family:Helvetica;" > | ||
| + | |||
| + | <tr><th rowspan="1">Problem<th colspan="0">Solution<th>Solved date | ||
| + | <tr><th>User doesn’t know detail information of a biobrick could be displayed<td>Distinguish the color of part name from other information<td>10.12 | ||
| + | <tr><th>Spelling errors exist in some words on the interface<td>Make corrections on these mistakes<td>10.12 | ||
| + | <tr><th>The detail page was not refreshed timely when user clicked another part name to view the detail of this part<td>Revise the source code to make the detail page refresh timely <td>10.12 | ||
| + | <tr><th>User wants to know the number of search results<td>Revise the source code to show the number of search results at the bottom of the page<td>10.12 | ||
| + | <tr><th>User don’t know the meaning of the icons on the "present" interface<td>Add a new function: a text description about an icon would come out when user moves cursor to it<td>10.12 | ||
| + | <tr><th>Half-drawn bio-system lost when user accidentally clicked the "create a new file" button<td>A dialog box asking user whether to save the half-drawn bio-system would pop up when user click the "create a new file" button<td>10.12 | ||
| + | <tr><th>User didn’t know what to do with the "compare" function<td>Add a hint on the interface to guide the user<td>10.13 | ||
| + | <tr><th>User cannot remove a biobrick from compare to add another biobrick after adding it to compare<td>Add a button to remove biobricks from "compare"<td>10.13 | ||
| + | <tr><th>The text disappeared after user changed the font or color of the text in "Present"<td>Revise the source code to solve this bug<td>10.13 | ||
| + | <tr><th>The software would export a wrong picture if user had dragged components out of the screen<td>Revise the source code to solve this bug<td>10.13 | ||
| + | <tr><th>The hint on the search result page was confusing when there is no search result<td>Revise the English expression on the result page<td>10.13 | ||
| + | <tr><th>User misunderstood the meaning of the "cross" button in "present" for its inappropriate position<td>Adjust the position of different buttons<td>10.17 | ||
| + | <tr><th>Run time of the search engine is unstable <td>Create index on tables in Easy BBK database and change the database to a better server to speed up run time<td>10.15 | ||
| + | <tr><th>The status bar of "present" cannot automatically refresh unless user clicked the same position once more<td>Revise the source code to solve this bug<td>10.15 | ||
| + | <tr><th>The icon of "Blast" on the "search" interface confused users in that they thought it could do "blastp"<td>Change the icon from "Blast" to "Blastn"<td>10.15 | ||
| + | <tr><th>Icon positions of "search by keyword" and "search by sequence" were too close to mislead user that they have a single function<td>Increase the distance between the two icons<td>10.15 | ||
| + | <tr><th>On the status bar, the coordinate of the icon became negative when the icon was dragged out of the drawing panel, which is meaningless<td>Set the coordinate of deleted icon to "NULL"<td>10.16 | ||
| + | <tr><th>The icons in "present" interface was too vague <td>Refresh the icon with high-resolution pictures<td>10.16 | ||
| + | <tr><th>User did not know how to fill out the "upload" page<td>Add some examples beside the input boxes<td>10.16 | ||
| + | |||
| + | |||
| + | </table> | ||
| + | |||
| + | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">Problems remained unsolved and under development until October 17<SUP>th</SUP> </font></p> | ||
| + | |||
| + | |||
| + | <table border="1" backgroundcolor="#00FF00" borderColor="#FFE1C2" style="margin:1% 60px auto;height:100px;width:80%;font-size:1px;font-family:Helvetica;" > | ||
| + | |||
| + | <tr><th rowspan="1">Problems<th colspan="0">Planning solution<th>Planning date | ||
| + | <tr><th>User did not know they can stretch the backbone<td>Put anchors on both end of the backbone to hint users<td>10.19 | ||
| + | <tr><th>User didn't know the function of "set_biobrick_name" window<td>Add the hint "input part name" beside the input field<td>10.19 | ||
| + | <tr><th>User cannot copy text from the search result page and paste in other functions in the tool<td>Revise the source code to solve this problem<td>10.20 | ||
| + | |||
| + | |||
| + | </table> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 537: | Line 575: | ||
</div> | </div> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</div> | </div> | ||
| Line 578: | Line 585: | ||
<div align=center> | <div align=center> | ||
| - | <div class="container2" style="height:150px;width:71%;background-color: #272727;" > | + | <div class="container2" style="height:150px;width:71%;background-color: #272727;margin:0.5% " > |
<div class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" > | <div class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" > | ||
<div style=" float:left;margin:3% auto auto 4%;"> | <div style=" float:left;margin:3% auto auto 4%;"> | ||
| Line 610: | Line 617: | ||
<br> | <br> | ||
<br> | <br> | ||
| - | <p class="container2" style="margin:0% 5% auto"><font face=" | + | <p class="container2" style="margin:0% 5% auto"><font face="MoolBoran" size="5px" color="#FFFFFF">iGemdry2014@163.com</font></p> |
| - | <p class="container2" style="margin:0 5% auto"><font face=" | + | <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px" color="#FFFFFF">SJTU-Software,Shanghai,China</font></p> |
Latest revision as of 20:04, 17 October 2014
User Study
Goal
User studies are carried out to make our software “Easy BBK” to be more user-friendly. Based on the problems exposed in the test process of different users and their feedbacks, our developers can track the bugs and add new functions in the development of software.
Users
9 members from SJTU-bioX-Shanghai and some members from SUSTC-Shenzhen were invited to use our software. All of their operations are recorded in video and researched later to figure out problems or highlights in our software.
Highlights and problems fixed
Since we have focused mainly on the problems in our software during those studies, highlights are briefly recorded here.
• The search result offered by the search engine are quite satisfying
• Novelty of "Present"
Most problems identified during user studies were solved before wiki freezes; however, there remains some problems unsolved. Those problems which are not solved now are to be solved later, and we will continue conducting user studies to refine our software.
Problems solved by October 17th
| Problem | Solution | Solved date |
|---|---|---|
| User doesn’t know detail information of a biobrick could be displayed | Distinguish the color of part name from other information | 10.12 |
| Spelling errors exist in some words on the interface | Make corrections on these mistakes | 10.12 |
| The detail page was not refreshed timely when user clicked another part name to view the detail of this part | Revise the source code to make the detail page refresh timely | 10.12 |
| User wants to know the number of search results | Revise the source code to show the number of search results at the bottom of the page | 10.12 |
| User don’t know the meaning of the icons on the "present" interface | Add a new function: a text description about an icon would come out when user moves cursor to it | 10.12 |
| Half-drawn bio-system lost when user accidentally clicked the "create a new file" button | A dialog box asking user whether to save the half-drawn bio-system would pop up when user click the "create a new file" button | 10.12 |
| User didn’t know what to do with the "compare" function | Add a hint on the interface to guide the user | 10.13 |
| User cannot remove a biobrick from compare to add another biobrick after adding it to compare | Add a button to remove biobricks from "compare" | 10.13 |
| The text disappeared after user changed the font or color of the text in "Present" | Revise the source code to solve this bug | 10.13 |
| The software would export a wrong picture if user had dragged components out of the screen | Revise the source code to solve this bug | 10.13 |
| The hint on the search result page was confusing when there is no search result | Revise the English expression on the result page | 10.13 |
| User misunderstood the meaning of the "cross" button in "present" for its inappropriate position | Adjust the position of different buttons | 10.17 |
| Run time of the search engine is unstable | Create index on tables in Easy BBK database and change the database to a better server to speed up run time | 10.15 |
| The status bar of "present" cannot automatically refresh unless user clicked the same position once more | Revise the source code to solve this bug | 10.15 |
| The icon of "Blast" on the "search" interface confused users in that they thought it could do "blastp" | Change the icon from "Blast" to "Blastn" | 10.15 |
| Icon positions of "search by keyword" and "search by sequence" were too close to mislead user that they have a single function | Increase the distance between the two icons | 10.15 |
| On the status bar, the coordinate of the icon became negative when the icon was dragged out of the drawing panel, which is meaningless | Set the coordinate of deleted icon to "NULL" | 10.16 |
| The icons in "present" interface was too vague | Refresh the icon with high-resolution pictures | 10.16 |
| User did not know how to fill out the "upload" page | Add some examples beside the input boxes | 10.16 |
Problems remained unsolved and under development until October 17th
| Problems | Planning solution | Planning date |
|---|---|---|
| User did not know they can stretch the backbone | Put anchors on both end of the backbone to hint users | 10.19 |
| User didn't know the function of "set_biobrick_name" window | Add the hint "input part name" beside the input field | 10.19 |
| User cannot copy text from the search result page and paste in other functions in the tool | Revise the source code to solve this problem | 10.20 |
back to top
