Difference between revisions of "Visualization of Consumer Satisfaction"

From Analytics Practicum
Jump to navigation Jump to search
 
(43 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" |    
 
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" |    
 
| style="padding:0.4em; font-size:150%; background-color:#FFFFFF;  border-bottom:4px solid #B18904; border-top:5px solid #B18904; text-align:center; color:#828282" width="10%" | [[Visualization of Consumer Satisfaction Project Overview |<font color="#0B0B61" size=2><b>Project Overview</b></font>]]
 
| style="padding:0.4em; font-size:150%; background-color:#FFFFFF;  border-bottom:4px solid #B18904; border-top:5px solid #B18904; text-align:center; color:#828282" width="10%" | [[Visualization of Consumer Satisfaction Project Overview |<font color="#0B0B61" size=2><b>Project Overview</b></font>]]
 +
 +
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" | &nbsp;
 +
| style="padding:0.4em; font-size:150%; background-color:#FFFFFF;  border-bottom:4px solid #B18904; border-top:5px solid #B18904; text-align:center; color:#828282" width="10%" | [[Visualization of Consumer Satisfaction Progress |<font color="#0B0B61" size=2><b>Progress</b></font>]]
 +
 +
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" | &nbsp;
 +
| style="padding:0.4em; font-size:150%; background-color:#FFFFFF;  border-bottom:4px solid #B18904; border-top:5px solid #B18904; text-align:center; color:#828282" width="10%" | [[Visualization of Consumer Satisfaction Mid-Term Progress |<font color="#0B0B61" size=2><b>Mid-Term Progress</b></font>]]
  
 
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" | &nbsp;
 
| style="border-bottom:4px solid #B18904; border-top:5px solid #B18904; background:none;" width="1%" | &nbsp;
Line 11: Line 17:
 
<!-- End of header -->
 
<!-- End of header -->
  
 +
{| style="text-align: center; width: 100%;"
 +
|-
 +
|valign=top width=50%|<div class="NavHead" style="background-color:#DBA901;; text-align: center; padding: 5px; font-size: 120%; border:solid 2px #DBA901;"><span style="color: #0B0B61"> '''Stakeholders''' </span></div>
 +
<div style="text-align: center;">
 +
<br>
 +
Supervisor : [http://sis.smu.edu.sg/faculty/profile/83109/Seema%20CHOKSHI Seema Chokshi]  <br>
 +
Sponsor : [http://www.smu.edu.sg/faculty/profile/9505/Marcus%20LEE Marcus Lee]
  
== <div style="background: #0B0B61; padding: 15px; font-weight: bold; line-height: 0.3em"><font color= #FFFFFF>Development of Chart and Dashboards</font></div> ==
+
|valign=top width=50%|<div class="NavHead" style="background-color:#DBA901;; text-align: center; padding: 5px; font-size: 120%; border:solid 2px #DBA901;"><span style="color: #0B0B61"> ''' Project Team Members''' </span></div>  
 +
<div style="text-align: center;">
 +
<br>
 +
[[Mohamed Yousof Bin Shamsul Hameed]]<br>
 +
[[Kee Eng Sen]]
  
Our dashboard has gone through many iterations of user testing and interactive design prototyping. The outcome of those are documented in this section
+
|}
  
=== <div style="background: #FF00FF; padding: 10px; font-weight: bold; line-height: 0.3em"><font color= #FFFFFF> Quick Glance  </font></div>===
+
{| style="text-align: center; width: 100%;"
 +
|-
 +
|valign=top width=30%|<div class="NavHead" style="background-color:#DBA901;; text-align: center; padding: 5px; font-size: 120%; border:solid 2px #DBA901;"><span style="color: #0B0B61"> '''Milestone Status''' </span></div>
 +
<div style="text-align: center;">
 +
<br>
 +
<strike> Project Proposal <br>'''3-Sep-2014'''</strike> <br><br>
 +
<strike> Mid-Term Presentation and Report <br>'''8-Oct-2014'''</strike> <br><br>
 +
Poster and Report Submission  <br>'''19-Nov-2014'''<br><br>
 +
<strike>Final Presentation <br>'''12-Nov-2014'''</strike><br><br>
  
Objective : The objective of the quick glance portion of the application was to give users a 30 second outlook on the situation. The charts are suppose to give very basic information but creates enough value to make some sense.
+
|valign=top width=25%|<div class="NavHead" style="background-color:#DBA901;; text-align: center; padding: 5px; font-size: 120%; border:solid 2px #DBA901;"><span style="color: #0B0B61"> ''' Meeting Status ''' </span></div>
 +
<div style="text-align: center;">
 +
<br>
 +
Last Supervisor Meeting <br>'''12-Nov-2014'''<br><br>
  
==== Bar Chart ====
+
Last Sponsor Meeting <br>'''5-Nov-2014'''<br><br>
  
This portion shows the development of our bar charts. The bar charts shows the average scores of all the main score-drivers through out the years. With just a glance, users are able to compare the drivers of different years.  Our bar chart has gone through several iterations as show.
+
Next Sponsor Meeting <br>'''-'''<br><br>
  
[[File:2014 1 Slide7.JPG|500px]]
+
|valign=top width=44%|<div class="NavHead" style="background-color:#DBA901; text-align: center; padding: 5px; font-size: 120%; border:solid 2px #DBA901;"><span style="color: #0B0B61"> '''Project Status''' </span></div>  
[[File:2014 1 Slide8.JPG|500px]]
+
<div style="text-align: center;">
[[File:2014 1 Slide9.JPG|500px]]
+
<b>Current Iteration</b><br>
[[File:2014 1 Slide10.JPG|500px]]  <br>
+
[[File:2014 visual POSTER low res.jpg|465px]]
<center> [[File:2014 gif 1.gif|600px]] </center>
 
  
==== Line Chart ====
+
<br><br><br>
 
+
----
This portion shows the development of our line charts. The line charts shows the average scores of all the main score-drivers through out the years in a linear manner. The objective was to see trends easier than looking at the bar charts. With just a glance, users are able to see increase or decrease in certain drivers throughout the years. The can only see how each drivers react with each other.  Our line chart has gone through several iterations as show.
+
* Status updates inspired by [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2013T2_GENShYFT IS480 FYP Team GENShYFT]
 
+
|}
[[File:2014 1 Slide11.JPG|500px]]
 
[[File:2014 1 Slide12.JPG|500px]] <br>
 
<center> [[File:2014 gif 5.gif|600px]] </center>
 
 
 
==== Box Plot ====
 
 
 
The box plot was created in response to wanting additional information apart from just the averages.  The box plot below was created base on the Satisfaction driver (Main driver people are interested ). With this chart, people are able to see the Median and the quarter ranges. This chart did not go any deeper as  Heuristic evaluation suggests that such charts are complex and requires training to interpret.
 
 
 
[[File:2014 1 Slide13.JPG|600px]]
 
=== C ===
 
 
 
 
 
{| class="wikitable"
 
|-
 
! Chart Type !! Demo Version !!Version 1 !! Version 2  !! Version 3  !! Version 4 !! Version 5  !! Version 6
 
|-
 
| Layout acts as a blueprint for dashboard design || '''Not Available Yet'''  ||[[File:2014 1 Slide3.JPG|500px]] || [[File:2014 1 Slide4.JPG|500px]] || [[File:2014 1 Slide5.JPG|500px]]|| [[File:2014 1 Slide6.JPG|500px]]|| Example || Example
 
 
 
 
 
|-
 
| Dash Board - working towards a end product||  [[File:2014 gif 2.gif|500px]] || [[File:2014 1 Slide14.JPG|500px]]|| [[File:2014 1 Slide15.JPG|500px]]|| [[File:2014 1 Slide16.JPG|500px]]|| [[File:2014 1 Slide17.JPG|500px]]|| Example || Example
 
|-
 
| Multi-linear chart to show the scores for everyone. Granular level to show specifics ( removed eventually due to confusion ) || [[File:2014 gif 3.gif|500px]] || [[File:2014 1 Slide18.JPG|500px]]|| [[File:2014 1 Slide19.JPG|500px]]|| [[File:2014 1 Slide20.JPG|500px]]|| [[File:2014 1 Slide21.JPG|500px]]|| Example || Example
 
|-
 
|Parallel Chart to show the scores given to each person. || [[File:2014 gif 4.gif|500px]]|| [[File:2014 1 Slide23.JPG|500px]]|| [[File:2014 1 Slide24.JPG|500px]]|| [[File:2014 1 Slide25.JPG|500px]]|| [[File:2014 1 Slide26.JPG|500px]] || Example || Example
 
 
 
|-
 
| Sensitivity Analysis || [[File:2014 gif 6.gif|500px]]|| Example || Example || Example || Example || Example || Example
 
|-
 
| Dashboard Mid-term || [[File:2014 gif 7.gif|500px]]|| Example || Example || Example || Example || Example || Example
 

Latest revision as of 15:37, 12 November 2014

Home   Project Overview   Progress   Mid-Term Progress   Documentation


Supervisor : Seema Chokshi
Sponsor : Marcus Lee


Project Proposal
3-Sep-2014


Mid-Term Presentation and Report
8-Oct-2014


Poster and Report Submission
19-Nov-2014

Final Presentation
12-Nov-2014



Last Supervisor Meeting
12-Nov-2014

Last Sponsor Meeting
5-Nov-2014

Next Sponsor Meeting
-

Current Iteration
2014 visual POSTER low res.jpg