Difference between revisions of "Nicolekalcic Week 11"

From LMU BioDB 2017
Jump to: navigation, search
(edited for homework partners→‎Acknowledgements)
(added ending→‎The Data-Driven Design Era in Professional Web Design (Outline))
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
 
==Electronic Journal==
 
==Electronic Journal==
 +
*Read: ''The Data-Driven Design Era in Professional Web Design''
 +
*By: Lassi A. Liikkanen
 +
 +
After reading the article, I identified ten development/design terms that I wasn't familiar with beforehand. (NOTE: Many of these words were defined in the text, and their in-text definitions were more sufficient than the definitions I was able to find elsewhere on the internet)
 +
 +
They are as follows:
 +
 +
#'''Heatmaps''': "A heat map is a graphical representation of two dimensional data (X, Y and Value) on a two dimensional surface by using colors. Our software creates heat map images you can overlay on your maps in your software" (ProgrammableWeb, 2017).
 +
#'''Behavioral Analytics''': "Behavioral analytics are the precursor to all current data-driven design solutions. They have been possible since the first Web server started to create usage logs. Analytics services collect data about user interactions with a Web service, aka the click-stream data, along with all contextual data related to the visit, and aggregate it for reporting" (Liikkanen, 2017).
 +
#'''Passive Tracking''': "Passive tracking describes any kind of under-the-surface recording of user activity. These tools usually solve the challenges of automated collection, aggregation, and analysis all in one" (Liikkanen, 2017).
 +
#'''Assistive Tools''': "[...] will help designers to work more effectively by helping in creative tasks" (Liikkanen, 2017).
 +
#'''Agentive Tools''':' "[...] will delegate design tasks to artificial intelligence and minimize human involvement (Liikkanen, 2017).
 +
#'''User Screen Recordings''': "Remote usability tests pioneered the capture of user interactions. This first happened in real time, when the technology simply connected one screen with another. But with screen recordings it has evolved so that the user sessions—with views, clicks, and all—can be recorded and stored as videos for asynchronous viewing later on. Currently, services such as WhatUsersDo, Crazy Egg, and ClickTale offer this type of functionality" (Liikkanen, 2017).
 +
#'''A/B tests/Multivariate Tests''': "Defined as a controlled experiment with two variants, A and B. It is a form of statistical hypothesis testing or 'two-sample hypothesis testing' as used in the field of statistics. In online settings, such as web design (especially user experience design), the goal of [ABX] testing is to identify changes to web pages that increase or maximize an outcome of interest" (Salesforce Pardot, 2017).
 +
#'''Google Optimize''': "Google Optimize offers AB testing, website testing & personalization tools for small & large enterprises to help deliver engaging customer experiences" (Google, 2017)
 +
#'''KISSMetrics''': "Kissmetrics combines behavioral analytics, segmentation and email campaign automation to deeply understand and engage your customers every step of the way" (Kissmetrics, 2017).
 +
#'''IBM TeaLeaf''': "Tealeaf is a Customer Experience Management software company, now owned by IBM. Its CX line of products captures website interaction from the actual users' perspectives" (IBM, 2017).
 +
 +
==Presentation==
 +
[[File:Data Driven Design.zip]]
 +
 +
==''The Data-Driven Design Era in Professional Web Design'' (Outline)==
 +
===Foreword===
 +
*Designers have traditionally functioned on intuition and opinion
 +
*New developments in technology have made collecting user activity information easier
 +
*Rise of technology -> evidenced-based design
 +
===Main Message===
 +
*Data driven design will progress by adapting to change, implementing tools that aid the design process, and effectively/maturely addressing ethical questions.
 +
*Data driven design gives designers an effective incentive to approach design research in a hypothesis-driven way.
 +
===Design/Development Practices, Processes, Techniques, Methods, Approaches===
 +
*Data driven design (DDD) is defined in the article as design research done with the use of tools that are automated to perform data collection and analysis
 +
*DDD Process:
 +
**collect data
 +
**aggregate it
 +
**combine it with other data
 +
**analyze it
 +
*Data collection can be separated into two types of solutions: active and passive
 +
**Active or passive solutions?
 +
***Active requires additional user effort in the data collection, thus its cost and issues requires that it is only used in smaller cases
 +
***Passive collection examples: Screen recordings, heat maps, experiment management, and descriptive behavioral analytics
 +
****Screen recordings:
 +
*****simply... full recordings of the user's screen
 +
*****provides detailed view
 +
*****raises privacy and ethical concerns
 +
****Heat maps:
 +
*****help visualize the most frequently clicked on/hovered on spots of a webpage
 +
*****not always clear because there is no context
 +
****Experiment management:
 +
*****two or more designs tested to decipher which features are working
 +
*****developers can easily detect what has failed
 +
*****efficient time wise
 +
****Descriptive behavioral analytics:
 +
*****precursor to all current DDD solutions
 +
*****contextual data related to the visit (i.e. amount of time spent, which pages were clicked on, which elements were clicked on, what order were things clicked on)
 +
*****info is better for business and marketing rather than design
 +
*****Google, Adobe Analytics, KISSMetrics, IBM Tealeaf all offer analytics solutions
 +
====Class Project====
 +
We can now identify that we won't be using passive tools in our group project. We don't have a large enough class or group of people to justify implementing passive tools to test our webpage/receive adequate information. Instead, we will use active data collection. We will go through with this by interacting directly with out classmates and asking for feedback on our work.
  
 
== Acknowledgements ==
 
== Acknowledgements ==
Line 9: Line 67:
  
 
== References ==
 
== References ==
 +
* Google.com. (2017). Website, AB Testing & Personalization Solutions - Google Optimize – Google. Accessed November 13, 2017, at https://www.google.com/analytics/optimize/
 +
* Ibm.com. (2017). Tealeaf is now part of IBM Analytics | IBM. Accessed November 13, 2017, from https://www.ibm.com/customer-engagement/tealeaf
 +
* Kissmetrics. (2017). Kissmetrics | The Customer Engagement Automation Platform. Accessed November 13, 2017, from https://www.kissmetrics.com/product/
 +
* Liikkanen, L. (2017). The Data-Driven Design Era in Professional Web Design. Accessed November 13, 2017, from http://delivery.acm.org/10.1145/3130000/3121355/p52-liikkanen.pdf?ip=157.242.223.254&id=3121355&acc=ACTIVE%20SERVICE&key=80B0E63637265656%2E958C566062FD1C18%2E4D4702B0C3E38B35%2E4D4702B0C3E38B35&CFID=829067610&CFTOKEN=20249523&__acm__=1510614806_1e8b314e23f771f9b139d99596801365
 
* LMU BioDB 2017. (2017). Week 11. Retrieved November 13, 2017, from https://xmlpipedb.cs.lmu.edu/biodb/fall2017/index.php/Week_11
 
* LMU BioDB 2017. (2017). Week 11. Retrieved November 13, 2017, from https://xmlpipedb.cs.lmu.edu/biodb/fall2017/index.php/Week_11
 +
* ProgrammableWeb. (2017). HeatMap. Accessed November 13, 2017, from https://www.programmableweb.com/api/heatmap
 +
* Salesforce Pardot. (2017). The ABCs of A/B Testing | Salesforce Pardot. Accessed November 13, 2017, https://www.pardot.com/blog/abcs-ab-testing/
  
 
==Links==
 
==Links==

Latest revision as of 21:22, 14 November 2017

Electronic Journal

  • Read: The Data-Driven Design Era in Professional Web Design
  • By: Lassi A. Liikkanen

After reading the article, I identified ten development/design terms that I wasn't familiar with beforehand. (NOTE: Many of these words were defined in the text, and their in-text definitions were more sufficient than the definitions I was able to find elsewhere on the internet)

They are as follows:

  1. Heatmaps: "A heat map is a graphical representation of two dimensional data (X, Y and Value) on a two dimensional surface by using colors. Our software creates heat map images you can overlay on your maps in your software" (ProgrammableWeb, 2017).
  2. Behavioral Analytics: "Behavioral analytics are the precursor to all current data-driven design solutions. They have been possible since the first Web server started to create usage logs. Analytics services collect data about user interactions with a Web service, aka the click-stream data, along with all contextual data related to the visit, and aggregate it for reporting" (Liikkanen, 2017).
  3. Passive Tracking: "Passive tracking describes any kind of under-the-surface recording of user activity. These tools usually solve the challenges of automated collection, aggregation, and analysis all in one" (Liikkanen, 2017).
  4. Assistive Tools: "[...] will help designers to work more effectively by helping in creative tasks" (Liikkanen, 2017).
  5. Agentive Tools:' "[...] will delegate design tasks to artificial intelligence and minimize human involvement (Liikkanen, 2017).
  6. User Screen Recordings: "Remote usability tests pioneered the capture of user interactions. This first happened in real time, when the technology simply connected one screen with another. But with screen recordings it has evolved so that the user sessions—with views, clicks, and all—can be recorded and stored as videos for asynchronous viewing later on. Currently, services such as WhatUsersDo, Crazy Egg, and ClickTale offer this type of functionality" (Liikkanen, 2017).
  7. A/B tests/Multivariate Tests: "Defined as a controlled experiment with two variants, A and B. It is a form of statistical hypothesis testing or 'two-sample hypothesis testing' as used in the field of statistics. In online settings, such as web design (especially user experience design), the goal of [ABX] testing is to identify changes to web pages that increase or maximize an outcome of interest" (Salesforce Pardot, 2017).
  8. Google Optimize: "Google Optimize offers AB testing, website testing & personalization tools for small & large enterprises to help deliver engaging customer experiences" (Google, 2017)
  9. KISSMetrics: "Kissmetrics combines behavioral analytics, segmentation and email campaign automation to deeply understand and engage your customers every step of the way" (Kissmetrics, 2017).
  10. IBM TeaLeaf: "Tealeaf is a Customer Experience Management software company, now owned by IBM. Its CX line of products captures website interaction from the actual users' perspectives" (IBM, 2017).

Presentation

File:Data Driven Design.zip

The Data-Driven Design Era in Professional Web Design (Outline)

Foreword

  • Designers have traditionally functioned on intuition and opinion
  • New developments in technology have made collecting user activity information easier
  • Rise of technology -> evidenced-based design

Main Message

  • Data driven design will progress by adapting to change, implementing tools that aid the design process, and effectively/maturely addressing ethical questions.
  • Data driven design gives designers an effective incentive to approach design research in a hypothesis-driven way.

Design/Development Practices, Processes, Techniques, Methods, Approaches

  • Data driven design (DDD) is defined in the article as design research done with the use of tools that are automated to perform data collection and analysis
  • DDD Process:
    • collect data
    • aggregate it
    • combine it with other data
    • analyze it
  • Data collection can be separated into two types of solutions: active and passive
    • Active or passive solutions?
      • Active requires additional user effort in the data collection, thus its cost and issues requires that it is only used in smaller cases
      • Passive collection examples: Screen recordings, heat maps, experiment management, and descriptive behavioral analytics
        • Screen recordings:
          • simply... full recordings of the user's screen
          • provides detailed view
          • raises privacy and ethical concerns
        • Heat maps:
          • help visualize the most frequently clicked on/hovered on spots of a webpage
          • not always clear because there is no context
        • Experiment management:
          • two or more designs tested to decipher which features are working
          • developers can easily detect what has failed
          • efficient time wise
        • Descriptive behavioral analytics:
          • precursor to all current DDD solutions
          • contextual data related to the visit (i.e. amount of time spent, which pages were clicked on, which elements were clicked on, what order were things clicked on)
          • info is better for business and marketing rather than design
          • Google, Adobe Analytics, KISSMetrics, IBM Tealeaf all offer analytics solutions

Class Project

We can now identify that we won't be using passive tools in our group project. We don't have a large enough class or group of people to justify implementing passive tools to test our webpage/receive adequate information. Instead, we will use active data collection. We will go through with this by interacting directly with out classmates and asking for feedback on our work.

Acknowledgements

While I worked with the people noted above, this individual journal entry was completed by me and not copied from another source. Nicolekalcic (talk) 14:29, 13 November 2017 (PST)

References

Links

Nicole Kalcic's Homepage


Assignment: Week 1 Shared Journal: Class Journal Week 1 Individual Journal: User Page

Assignment: Week 2 Shared Journal: Class Journal Week 2 Individual Journal: Nicolekalcic Week 2

Assignment: Week 3 Shared Journal: Class Journal Week 3 Individual Journal: Nicolekalcic Week 3

Assignment: Week 4 Shared Journal: Class Journal Week 4 Individual Journal: Nicolekalcic Week 4

Assignment: Week 5 Shared Journal: Class Journal Week 5 Individual Journal: Nicolekalcic Week 5

Assignment: Week 6 Shared Journal: Class Journal Week 6 Individual Journal: Nicolekalcic Week 6

Assignment: Week 7 Shared Journal: Class Journal Week 7 Individual Journal: NicoleKalcic Week 7

Assignment: Week 8 Shared Journal: Class Journal Week 8 Individual Journal: NicoleKalcic Week 8

Assignment: Week 9 Shared Journal: Class Journal Week 9 Individual Journal: Nicolekalcic Week 9

Assignment: Week 10 Shared Journal: Class Journal Week 10 Individual Journal: Nicolekalcic Week 10

Assignment: Week 11 Shared Journal: Not Available Individual Journal: Nicolekalcic Week 11

Assignment: Week 12 Shared Journal: Not Available Individual Journal: Nicolekalcic Week 12

Assignment: Week 14 Shared Journal: Not Available Individual Journal: Nicolekalcic Week 14

Assignment: Week 15 Shared Journal: Not Available Individual Journal: Nicolekalcic Week 15

Retrieved from "https://xmlpipedb.lmucs.io/biodb/fall2017/index.php?title=Nicolekalcic_Week_11&oldid=4569"