ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Team GreenNet Jin Fan Kevin Muise
Introduction
Design Goal Foster a global conservation ethic and culture that leads to the public choosing to make a permanent reduction in electricity intensity. Develop approaches and strategies that are holistic and targeted to specific audience (aged from 18 to 30) to help them raise the awareness of energy conservation. Establish a context of why energy conservation is important, which can lead individuals to make permanent behavioral changes at work, school and home. Provide the public a pleasant and engaging experience of sharing information and concerns regarding to environment protection.
Why Facebook? Facebook is one of the most popular social networking tool with access to over 63 million active users. This popular and powerful communication tool is able to help us to develop approaches that are holistic and targeted to our specific user group(students and young professionals). The friend-orientated nature of Facebook can help in both disseminating the application and also motivate people in its continued use. Facebook has over 55,000 regional, work-related, collegiate, and high school networks. The networks in Facebook provide a workable infrastructure to establish energy comparisons between networks. Facebook functions as a portal that provides visitors with various functions and features through a single point of access, rather than having to browse through various websites.
Existing Products Before embarking on designing GreeNet, we conducted a survey of existing green social networking tools. We were surprised that there were very little application available to the public.  One of the available tools,  Green Gift,  is a Facebook application but is limited only to sending virtual gifts to a user¡¯s friends, which may not have any impact on the user¡¯s behavior.  Other available applications on Facebook mainly provide a source of entertainment for the user and are lacking a connection with the real world. Our concept differs from the existing applications as it uses real world data from electrical providers and allows friends and networks to compare the amount of actual energy being consumed.
Design Process
Concept Development In this stage of the design process, we discussed several design concepts and ideas, identified target users, listed tasks and use scenarios.  We have also interviewed some Facebook users to understand their lifestyle and listen to their concerns about the design concept.
Target Users / Personas Profiles: University students and young professionals (aged from 18 to 30) who use Facebook to contact friends and share information. Some of them just started to use Facebook, but some are frequent Facebook users. They are usually busy at school or work and they spend a lot of time using the Internet. They feel concerned about the environment and willing to take some actions, but they also feel that they do not know enough about it. Goals:  Use the  GreeNet  application on Facebook to view their networks¡¯ energy consumption and make comparisons with their friends¡¯. To know the most environmental-friendly organizations in the world. To read news, articles, view images, comics or videos regarding to environmental issues and sustainable technologies.  To gain different ¡° Green points ¡± to exceed their friends¡¯ and grow the  GreeNet garden .
System Diagram Web Page Function Add Application
Paper Prototype The paper prototype was made of paper and post-it notes. The interface was drawn by hand. Some essential colors were applied using color pencils, which provide the user a general look and feel to the interface.
Usability Test The usability test involved 5 participants who were guided through several tasks using the paper prototype, such as navigating through the power consumption charts and building their  GreeNet garden . Along with these tasks, we asked the participants to complete a survey and summarized the funding into usability categories.
Observation Table Usability Criteria Performance Measurements Clear Pass (CP) Mid-Pass (MP) Fail (F) Clear Pass was given when the performance was clearly done without any problems; Mid Pass was given if the participants needed time to figure out how to accomplish the task or made mistakes before accomplishing the task; Fail was given when the participants were not able to accomplish the task. By having the three-level performance measurements, we were able to clearly see the areas of improvements needed in the interface design.  Learnability Visibility Feedback Mapping Affordance Evaluation
Design Iteration & High-fidelity Prototype By gaining feedback from the users, we have created a high-fidelity prototype using Adobe Illustrator and Macromedia Flash.
GreeNet in Your Life (Use Scenario)
Jin is an university student. She lives in Vancouver, British Columbia, Canada. She uses Facebook frequently to contact her friends. Today, Jin logs in to her Facebook account after school.
As she opens her Facebook  Profile  page, she sees her recent added  GreeNet  application widget  and starts to navigate.
She sees the comparison of electricity consumption data among her friends in different networks and she is happy to see her school¡¯s electricity consumption in this month is the lowest among all her friends  She could use the  change skin  buttons to choose different plants in her GreeNet garden.
She mouse-overs to the garden status chart on the right bottom corner. The 4 essential elements (sunshine, loving  care, water, chlorophyll) represent 4 aspects to grow a nice  GreeNet garden . Jin has 80 points of the sun element by purchasing and receiving green gifts from the  Green Market . The  Sun  icon represents the amount of green gifts the user has received and purchased.
The heart icon represents the participation of the  Green Quiz . Jin notices she has very few points from the love element, so she decided to take the  Green Quiz  later. The  Heart  icon represents the user¡¯s performance on the  Green Quiz , where they could learn correct ways to protect the environment.
Jin has 97 points by posting interesting articles, pictures, comics or videos regarding to environment and advanced sustainable technology inventions. The  Water  icon represents the amount of participation in  GreeNet  home page
Jin has 68 points of the green leaf elements, which indicates the popularity of her posted items.  The  Leaf  icon represents the popularity of the user¡¯s posted items in  GreeNet .
Jin decided to go to the  Green Quiz  page   to earn more points for the love element of her garden.
The  Green Quiz  page is a place where you can test your knowledge on energy conservation and learn about how to save energy in their daily life. Jin picks an answer and clicks on  Submit Answer.  This area could be used to display images of the most popular posted items from the  GreeNet  home page when there is no answer needs be displayed here.
As the right answer was chosen, she gets 3 points in the love element. She is also able to see how her friends do on their  Green Quiz  questions. The ¡°Green Experts¡± lists the friends who have the highest points.  She clicks on  Next Question.  Next Question
She chooses an answer that she thinks is right and clicks  Submit Answer . This area could be used to display images of the most popular posted items from the home page.
The answer is wrong, but she still gets 1 point for participation. In the  Answer  box, it not only shows the correct answer, but also tells the user the reason behind it. After answering several more questions, she gets more points and decides to go to  My GreeNet  page to see her garden. Next Question
As she gained more points in the love element, the plant in her  GreeNet  garden has grown bigger. At the same time, she is able to see her friends¡¯ green status as well as the green gifts she has received from her friends. She clicks on  Green Market.
In this page, Jin is able to purchase ¡° green   gifts ¡±,(real environmental friendly products) for herself or her friends. She views the top 3 popular green gifts.
The second gift in the list is the CFL light bulb which consumes up to 75% less energy.
She  moves the mouse to one of the arrows to view more green gifts.
She can also read about each gift and learn how each of them can change our life.
As Christmas is coming soon, the  Green Gift Ideas  give Jin some nice gift suggestions for her and her friends to ¡°go green¡± this Christmas.
She scrolls up and clicks  Home.
The  GreeNet  home page is a space where users can share concerns or opinions on environmental topics and view daily tips of how to become ¡°greener¡±. The user is able to share photos, video, comics, news and other information related to environment protection. Rankings of the top 10 lowest average electricity consumption organizations in the world  .  The information is real data provided by the local electrical providers. This information would be generated by different organizations in the world. It would also foster a competitive atmosphere and motivation on saving energy.
The basic Facebook features such as The Wall, Discussion Board are also included in this page for people to share concerns.
Jin logs out from Facebook and wants to tell her mother the  Green Gifts she saw on GreeNet .
Future work Our future work will involve further usability testing with our current, flash-based, prototype. The results of the tests will inform the next stage of the design process, where we will develop a functional user-interface for our application created using Silverlight, Expression Studio.
Conclusion Through our user-focused design process, we have created  GreeNet  to be not only an informative interactive system, but also an interface that engages our audience into participating in a culture of energy conservation.

More Related Content

Viewers also liked (18)

Evaluation made easy
Evaluation made easyEvaluation made easy
Evaluation made easy
Haishuo's Learning Studio
?
Halloween
HalloweenHalloween
Halloween
englishp
?
ConteConte
Conte
marblocs
?
1 Conociendo Venezuela1 Conociendo Venezuela
1 Conociendo Venezuela
catilii
?
Miller's Moments
Miller's MomentsMiller's Moments
Miller's Moments
kmiller210
?
Milieu-problematiek
Milieu-problematiekMilieu-problematiek
Milieu-problematiek
guest355cfe
?
Pink Ribbon Girls Newsletter
Pink Ribbon Girls NewsletterPink Ribbon Girls Newsletter
Pink Ribbon Girls Newsletter
cmcmahon
?
CBS Outdoor Kansas City Handout
CBS Outdoor Kansas City HandoutCBS Outdoor Kansas City Handout
CBS Outdoor Kansas City Handout
somethingtochewon
?
Getting Started with Real-Time Analytics
Getting Started with Real-Time AnalyticsGetting Started with Real-Time Analytics
Getting Started with Real-Time Analytics
Amazon Web Services
?
Haishuo Lee on Speech
Haishuo Lee on SpeechHaishuo Lee on Speech
Haishuo Lee on Speech
Haishuo's Learning Studio
?
GBS: Ads, Brands, and ESPN
GBS: Ads, Brands, and ESPNGBS: Ads, Brands, and ESPN
GBS: Ads, Brands, and ESPN
Seth Gaffney
?
AmyAmy
Amy
guest7fb8dd
?
Video und Web 2.0Video und Web 2.0
Video und Web 2.0
Bertram Gugel
?
FLL 2007 Trondheim - Program
FLL 2007 Trondheim - ProgramFLL 2007 Trondheim - Program
FLL 2007 Trondheim - Program
Eirik Refsdal
?
Pete Brown - AIS - Real World Siverlight Dev Camp DC
Pete Brown - AIS - Real World Siverlight Dev Camp DCPete Brown - AIS - Real World Siverlight Dev Camp DC
Pete Brown - AIS - Real World Siverlight Dev Camp DC
Psychlist1972
?
Prezentacja Kios
Prezentacja KiosPrezentacja Kios
Prezentacja Kios
beowulf
?
ConteConte
Conte
marblocs
?
1 Conociendo Venezuela1 Conociendo Venezuela
1 Conociendo Venezuela
catilii
?
Milieu-problematiek
Milieu-problematiekMilieu-problematiek
Milieu-problematiek
guest355cfe
?
Pink Ribbon Girls Newsletter
Pink Ribbon Girls NewsletterPink Ribbon Girls Newsletter
Pink Ribbon Girls Newsletter
cmcmahon
?
CBS Outdoor Kansas City Handout
CBS Outdoor Kansas City HandoutCBS Outdoor Kansas City Handout
CBS Outdoor Kansas City Handout
somethingtochewon
?
Getting Started with Real-Time Analytics
Getting Started with Real-Time AnalyticsGetting Started with Real-Time Analytics
Getting Started with Real-Time Analytics
Amazon Web Services
?
GBS: Ads, Brands, and ESPN
GBS: Ads, Brands, and ESPNGBS: Ads, Brands, and ESPN
GBS: Ads, Brands, and ESPN
Seth Gaffney
?
Video und Web 2.0Video und Web 2.0
Video und Web 2.0
Bertram Gugel
?
FLL 2007 Trondheim - Program
FLL 2007 Trondheim - ProgramFLL 2007 Trondheim - Program
FLL 2007 Trondheim - Program
Eirik Refsdal
?
Pete Brown - AIS - Real World Siverlight Dev Camp DC
Pete Brown - AIS - Real World Siverlight Dev Camp DCPete Brown - AIS - Real World Siverlight Dev Camp DC
Pete Brown - AIS - Real World Siverlight Dev Camp DC
Psychlist1972
?
Prezentacja Kios
Prezentacja KiosPrezentacja Kios
Prezentacja Kios
beowulf
?

Similar to GreeNet (20)

It¡¯S Easy Being Green WebQuest
It¡¯S Easy Being Green WebQuestIt¡¯S Easy Being Green WebQuest
It¡¯S Easy Being Green WebQuest
guestdcf114
?
It¡¯S Easy Being Green Final
It¡¯S Easy Being Green FinalIt¡¯S Easy Being Green Final
It¡¯S Easy Being Green Final
katd701
?
It¡¯S Easy Being Green
It¡¯S Easy Being GreenIt¡¯S Easy Being Green
It¡¯S Easy Being Green
lboerboom
?
Together: An app to foster community for young urbanites
Together: An app to foster community for young urbanitesTogether: An app to foster community for young urbanites
Together: An app to foster community for young urbanites
Cori Faklaris
?
Think Clean, Act Green
Think Clean, Act GreenThink Clean, Act Green
Think Clean, Act Green
Kylebrennan
?
Activity 4 Mobius Toy, Inc.
Activity 4 Mobius Toy, Inc.Activity 4 Mobius Toy, Inc.
Activity 4 Mobius Toy, Inc.
Jean-Luc Winkler
?
Facebook contest concept greenet
Facebook contest concept greenetFacebook contest concept greenet
Facebook contest concept greenet
4Gym Glyfadas
?
Green living app
Green living appGreen living app
Green living app
adli_1017
?
Let's Go! Process Book
Let's Go! Process BookLet's Go! Process Book
Let's Go! Process Book
markschoi
?
Branchout 2017 - Day 2 Session - Josh Elman
Branchout 2017 - Day 2 Session - Josh ElmanBranchout 2017 - Day 2 Session - Josh Elman
Branchout 2017 - Day 2 Session - Josh Elman
Branch
?
Selecting Apps for Developmentally Appropriate Use in Early Learning
Selecting Apps for Developmentally Appropriate Use in Early LearningSelecting Apps for Developmentally Appropriate Use in Early Learning
Selecting Apps for Developmentally Appropriate Use in Early Learning
Gail Lovely
?
Brightfind world usability day 2016 full deck final
Brightfind world usability day 2016   full deck finalBrightfind world usability day 2016   full deck final
Brightfind world usability day 2016 full deck final
Brightfind
?
Google Drawing
Google DrawingGoogle Drawing
Google Drawing
Debbie Martin
?
Growing the green apps ecosystem: best practices fos datar providers
Growing the green apps ecosystem: best practices fos datar providersGrowing the green apps ecosystem: best practices fos datar providers
Growing the green apps ecosystem: best practices fos datar providers
Greenapps&web
?
Respect Effect App Presentation - YTH Live 2015
Respect Effect App Presentation - YTH Live 2015Respect Effect App Presentation - YTH Live 2015
Respect Effect App Presentation - YTH Live 2015
ideas in digital
?
The Only Metric That Matters by a Partner at Greylock Partners
The Only Metric That Matters by a Partner at Greylock PartnersThe Only Metric That Matters by a Partner at Greylock Partners
The Only Metric That Matters by a Partner at Greylock Partners
Product School
?
Baltimore Orchard Project App
Baltimore Orchard Project AppBaltimore Orchard Project App
Baltimore Orchard Project App
Justin Scruggs
?
Aashe E-Waste
Aashe E-WasteAashe E-Waste
Aashe E-Waste
University_of_San_Diego
?
Aashe E-Waste
Aashe E-Waste Aashe E-Waste
Aashe E-Waste
University of San Diego
?
Summer in the School Garden: A Resource for Working with Volunteers to Mainta...
Summer in the School Garden: A Resource for Working with Volunteers to Mainta...Summer in the School Garden: A Resource for Working with Volunteers to Mainta...
Summer in the School Garden: A Resource for Working with Volunteers to Mainta...
School Vegetable Gardening - Victory Gardens
?
It¡¯S Easy Being Green WebQuest
It¡¯S Easy Being Green WebQuestIt¡¯S Easy Being Green WebQuest
It¡¯S Easy Being Green WebQuest
guestdcf114
?
It¡¯S Easy Being Green Final
It¡¯S Easy Being Green FinalIt¡¯S Easy Being Green Final
It¡¯S Easy Being Green Final
katd701
?
It¡¯S Easy Being Green
It¡¯S Easy Being GreenIt¡¯S Easy Being Green
It¡¯S Easy Being Green
lboerboom
?
Together: An app to foster community for young urbanites
Together: An app to foster community for young urbanitesTogether: An app to foster community for young urbanites
Together: An app to foster community for young urbanites
Cori Faklaris
?
Think Clean, Act Green
Think Clean, Act GreenThink Clean, Act Green
Think Clean, Act Green
Kylebrennan
?
Facebook contest concept greenet
Facebook contest concept greenetFacebook contest concept greenet
Facebook contest concept greenet
4Gym Glyfadas
?
Green living app
Green living appGreen living app
Green living app
adli_1017
?
Let's Go! Process Book
Let's Go! Process BookLet's Go! Process Book
Let's Go! Process Book
markschoi
?
Branchout 2017 - Day 2 Session - Josh Elman
Branchout 2017 - Day 2 Session - Josh ElmanBranchout 2017 - Day 2 Session - Josh Elman
Branchout 2017 - Day 2 Session - Josh Elman
Branch
?
Selecting Apps for Developmentally Appropriate Use in Early Learning
Selecting Apps for Developmentally Appropriate Use in Early LearningSelecting Apps for Developmentally Appropriate Use in Early Learning
Selecting Apps for Developmentally Appropriate Use in Early Learning
Gail Lovely
?
Brightfind world usability day 2016 full deck final
Brightfind world usability day 2016   full deck finalBrightfind world usability day 2016   full deck final
Brightfind world usability day 2016 full deck final
Brightfind
?
Growing the green apps ecosystem: best practices fos datar providers
Growing the green apps ecosystem: best practices fos datar providersGrowing the green apps ecosystem: best practices fos datar providers
Growing the green apps ecosystem: best practices fos datar providers
Greenapps&web
?
Respect Effect App Presentation - YTH Live 2015
Respect Effect App Presentation - YTH Live 2015Respect Effect App Presentation - YTH Live 2015
Respect Effect App Presentation - YTH Live 2015
ideas in digital
?
The Only Metric That Matters by a Partner at Greylock Partners
The Only Metric That Matters by a Partner at Greylock PartnersThe Only Metric That Matters by a Partner at Greylock Partners
The Only Metric That Matters by a Partner at Greylock Partners
Product School
?
Baltimore Orchard Project App
Baltimore Orchard Project AppBaltimore Orchard Project App
Baltimore Orchard Project App
Justin Scruggs
?

More from jin.fan (6)

The Looking Glass
The Looking GlassThe Looking Glass
The Looking Glass
jin.fan
?
Sketch2presentation
Sketch2presentationSketch2presentation
Sketch2presentation
jin.fan
?
Droog Showroom Design -process 2
Droog Showroom Design -process 2Droog Showroom Design -process 2
Droog Showroom Design -process 2
jin.fan
?
Droog Showroom Design - final version
Droog Showroom Design - final versionDroog Showroom Design - final version
Droog Showroom Design - final version
jin.fan
?
Sketch1 Update
Sketch1 UpdateSketch1 Update
Sketch1 Update
jin.fan
?
GreeNet Conceptual Design Presentation - 2minutes madness
GreeNet Conceptual Design Presentation - 2minutes madness GreeNet Conceptual Design Presentation - 2minutes madness
GreeNet Conceptual Design Presentation - 2minutes madness
jin.fan
?
The Looking Glass
The Looking GlassThe Looking Glass
The Looking Glass
jin.fan
?
Sketch2presentation
Sketch2presentationSketch2presentation
Sketch2presentation
jin.fan
?
Droog Showroom Design -process 2
Droog Showroom Design -process 2Droog Showroom Design -process 2
Droog Showroom Design -process 2
jin.fan
?
Droog Showroom Design - final version
Droog Showroom Design - final versionDroog Showroom Design - final version
Droog Showroom Design - final version
jin.fan
?
Sketch1 Update
Sketch1 UpdateSketch1 Update
Sketch1 Update
jin.fan
?
GreeNet Conceptual Design Presentation - 2minutes madness
GreeNet Conceptual Design Presentation - 2minutes madness GreeNet Conceptual Design Presentation - 2minutes madness
GreeNet Conceptual Design Presentation - 2minutes madness
jin.fan
?

Recently uploaded (20)

Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
SuryaDharma65
?
Case study- bcm kitchen.pptx............
Case study- bcm kitchen.pptx............Case study- bcm kitchen.pptx............
Case study- bcm kitchen.pptx............
MsTluangkimi
?
Classroom Management that will tmotivate
Classroom Management that will tmotivateClassroom Management that will tmotivate
Classroom Management that will tmotivate
SherifsStorytime
?
Smart Farming Technology Pitch Deck Presentation Template
Smart Farming Technology Pitch Deck Presentation TemplateSmart Farming Technology Pitch Deck Presentation Template
Smart Farming Technology Pitch Deck Presentation Template
ºÝºÝߣsBrain
?
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos ShirtCrown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
TeeFusion
?
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptxSimple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
josmaryguerraur
?
The CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding GuideThe CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding Guide
Adriana Yankey
?
What is 3D Visualization? A Simple Guide for Beginners
What is 3D Visualization? A Simple Guide for BeginnersWhat is 3D Visualization? A Simple Guide for Beginners
What is 3D Visualization? A Simple Guide for Beginners
Zealous Services
?
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
PESO4D MANJA
?
Grid DigitalBrainstorm Presentation.pptx
Grid DigitalBrainstorm Presentation.pptxGrid DigitalBrainstorm Presentation.pptx
Grid DigitalBrainstorm Presentation.pptx
MareanJadman1
?
firesafetypresentatiohzuaun-181214174231.pdf
firesafetypresentatiohzuaun-181214174231.pdffiresafetypresentatiohzuaun-181214174231.pdf
firesafetypresentatiohzuaun-181214174231.pdf
ZAFIRATAHSEENHOQUE
?
Human-Centered Web3 Design: UNIPAWS Portfolio 2025
Human-Centered Web3 Design: UNIPAWS Portfolio 2025Human-Centered Web3 Design: UNIPAWS Portfolio 2025
Human-Centered Web3 Design: UNIPAWS Portfolio 2025
SannhetenFox
?
Mastering Signage: Strategies for Success
Mastering Signage: Strategies for SuccessMastering Signage: Strategies for Success
Mastering Signage: Strategies for Success
Zealwise Technologies Pvt. Ltd.
?
Sacrament of Confirmation& HolySpirit.pptx
Sacrament of Confirmation& HolySpirit.pptxSacrament of Confirmation& HolySpirit.pptx
Sacrament of Confirmation& HolySpirit.pptx
ShayneMcst
?
Nitro Pro Crack Enterprise Free Download
Nitro Pro Crack Enterprise Free DownloadNitro Pro Crack Enterprise Free Download
Nitro Pro Crack Enterprise Free Download
kortez3
?
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The PastNature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
jejchudley
?
Introductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptxIntroductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptx
khaledsameh950
?
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
SuryaDharma65
?
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptxRESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
AnalycaSibul
?
Testttt5ttttttttttttttttpower point.pptx
Testttt5ttttttttttttttttpower point.pptxTestttt5ttttttttttttttttpower point.pptx
Testttt5ttttttttttttttttpower point.pptx
sarikasharma627282
?
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
SuryaDharma65
?
Case study- bcm kitchen.pptx............
Case study- bcm kitchen.pptx............Case study- bcm kitchen.pptx............
Case study- bcm kitchen.pptx............
MsTluangkimi
?
Classroom Management that will tmotivate
Classroom Management that will tmotivateClassroom Management that will tmotivate
Classroom Management that will tmotivate
SherifsStorytime
?
Smart Farming Technology Pitch Deck Presentation Template
Smart Farming Technology Pitch Deck Presentation TemplateSmart Farming Technology Pitch Deck Presentation Template
Smart Farming Technology Pitch Deck Presentation Template
ºÝºÝߣsBrain
?
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos ShirtCrown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
TeeFusion
?
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptxSimple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
Simple Style Thesis Defense Pink variant by ºÝºÝߣsgo.pptx
josmaryguerraur
?
The CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding GuideThe CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding Guide
Adriana Yankey
?
What is 3D Visualization? A Simple Guide for Beginners
What is 3D Visualization? A Simple Guide for BeginnersWhat is 3D Visualization? A Simple Guide for Beginners
What is 3D Visualization? A Simple Guide for Beginners
Zealous Services
?
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
LABUAN4D EXCLUSIVE SERVER STAR GAMING ASIA NO.1 TERPOPULER DI INDONESIA ! Ras...
PESO4D MANJA
?
Grid DigitalBrainstorm Presentation.pptx
Grid DigitalBrainstorm Presentation.pptxGrid DigitalBrainstorm Presentation.pptx
Grid DigitalBrainstorm Presentation.pptx
MareanJadman1
?
firesafetypresentatiohzuaun-181214174231.pdf
firesafetypresentatiohzuaun-181214174231.pdffiresafetypresentatiohzuaun-181214174231.pdf
firesafetypresentatiohzuaun-181214174231.pdf
ZAFIRATAHSEENHOQUE
?
Human-Centered Web3 Design: UNIPAWS Portfolio 2025
Human-Centered Web3 Design: UNIPAWS Portfolio 2025Human-Centered Web3 Design: UNIPAWS Portfolio 2025
Human-Centered Web3 Design: UNIPAWS Portfolio 2025
SannhetenFox
?
Sacrament of Confirmation& HolySpirit.pptx
Sacrament of Confirmation& HolySpirit.pptxSacrament of Confirmation& HolySpirit.pptx
Sacrament of Confirmation& HolySpirit.pptx
ShayneMcst
?
Nitro Pro Crack Enterprise Free Download
Nitro Pro Crack Enterprise Free DownloadNitro Pro Crack Enterprise Free Download
Nitro Pro Crack Enterprise Free Download
kortez3
?
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The PastNature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
jejchudley
?
Introductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptxIntroductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptx
khaledsameh950
?
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
SuryaDharma65
?
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptxRESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
RESPONSIBILITIESPPT2 (PE & HEALTH).pptx.pptx
AnalycaSibul
?
Testttt5ttttttttttttttttpower point.pptx
Testttt5ttttttttttttttttpower point.pptxTestttt5ttttttttttttttttpower point.pptx
Testttt5ttttttttttttttttpower point.pptx
sarikasharma627282
?

GreeNet

  • 1. Team GreenNet Jin Fan Kevin Muise
  • 3. Design Goal Foster a global conservation ethic and culture that leads to the public choosing to make a permanent reduction in electricity intensity. Develop approaches and strategies that are holistic and targeted to specific audience (aged from 18 to 30) to help them raise the awareness of energy conservation. Establish a context of why energy conservation is important, which can lead individuals to make permanent behavioral changes at work, school and home. Provide the public a pleasant and engaging experience of sharing information and concerns regarding to environment protection.
  • 4. Why Facebook? Facebook is one of the most popular social networking tool with access to over 63 million active users. This popular and powerful communication tool is able to help us to develop approaches that are holistic and targeted to our specific user group(students and young professionals). The friend-orientated nature of Facebook can help in both disseminating the application and also motivate people in its continued use. Facebook has over 55,000 regional, work-related, collegiate, and high school networks. The networks in Facebook provide a workable infrastructure to establish energy comparisons between networks. Facebook functions as a portal that provides visitors with various functions and features through a single point of access, rather than having to browse through various websites.
  • 5. Existing Products Before embarking on designing GreeNet, we conducted a survey of existing green social networking tools. We were surprised that there were very little application available to the public. One of the available tools, Green Gift, is a Facebook application but is limited only to sending virtual gifts to a user¡¯s friends, which may not have any impact on the user¡¯s behavior. Other available applications on Facebook mainly provide a source of entertainment for the user and are lacking a connection with the real world. Our concept differs from the existing applications as it uses real world data from electrical providers and allows friends and networks to compare the amount of actual energy being consumed.
  • 7. Concept Development In this stage of the design process, we discussed several design concepts and ideas, identified target users, listed tasks and use scenarios. We have also interviewed some Facebook users to understand their lifestyle and listen to their concerns about the design concept.
  • 8. Target Users / Personas Profiles: University students and young professionals (aged from 18 to 30) who use Facebook to contact friends and share information. Some of them just started to use Facebook, but some are frequent Facebook users. They are usually busy at school or work and they spend a lot of time using the Internet. They feel concerned about the environment and willing to take some actions, but they also feel that they do not know enough about it. Goals: Use the GreeNet application on Facebook to view their networks¡¯ energy consumption and make comparisons with their friends¡¯. To know the most environmental-friendly organizations in the world. To read news, articles, view images, comics or videos regarding to environmental issues and sustainable technologies. To gain different ¡° Green points ¡± to exceed their friends¡¯ and grow the GreeNet garden .
  • 9. System Diagram Web Page Function Add Application
  • 10. Paper Prototype The paper prototype was made of paper and post-it notes. The interface was drawn by hand. Some essential colors were applied using color pencils, which provide the user a general look and feel to the interface.
  • 11. Usability Test The usability test involved 5 participants who were guided through several tasks using the paper prototype, such as navigating through the power consumption charts and building their GreeNet garden . Along with these tasks, we asked the participants to complete a survey and summarized the funding into usability categories.
  • 12. Observation Table Usability Criteria Performance Measurements Clear Pass (CP) Mid-Pass (MP) Fail (F) Clear Pass was given when the performance was clearly done without any problems; Mid Pass was given if the participants needed time to figure out how to accomplish the task or made mistakes before accomplishing the task; Fail was given when the participants were not able to accomplish the task. By having the three-level performance measurements, we were able to clearly see the areas of improvements needed in the interface design. Learnability Visibility Feedback Mapping Affordance Evaluation
  • 13. Design Iteration & High-fidelity Prototype By gaining feedback from the users, we have created a high-fidelity prototype using Adobe Illustrator and Macromedia Flash.
  • 14. GreeNet in Your Life (Use Scenario)
  • 15. Jin is an university student. She lives in Vancouver, British Columbia, Canada. She uses Facebook frequently to contact her friends. Today, Jin logs in to her Facebook account after school.
  • 16. As she opens her Facebook Profile page, she sees her recent added GreeNet application widget and starts to navigate.
  • 17. She sees the comparison of electricity consumption data among her friends in different networks and she is happy to see her school¡¯s electricity consumption in this month is the lowest among all her friends She could use the change skin buttons to choose different plants in her GreeNet garden.
  • 18. She mouse-overs to the garden status chart on the right bottom corner. The 4 essential elements (sunshine, loving care, water, chlorophyll) represent 4 aspects to grow a nice GreeNet garden . Jin has 80 points of the sun element by purchasing and receiving green gifts from the Green Market . The Sun icon represents the amount of green gifts the user has received and purchased.
  • 19. The heart icon represents the participation of the Green Quiz . Jin notices she has very few points from the love element, so she decided to take the Green Quiz later. The Heart icon represents the user¡¯s performance on the Green Quiz , where they could learn correct ways to protect the environment.
  • 20. Jin has 97 points by posting interesting articles, pictures, comics or videos regarding to environment and advanced sustainable technology inventions. The Water icon represents the amount of participation in GreeNet home page
  • 21. Jin has 68 points of the green leaf elements, which indicates the popularity of her posted items. The Leaf icon represents the popularity of the user¡¯s posted items in GreeNet .
  • 22. Jin decided to go to the Green Quiz page to earn more points for the love element of her garden.
  • 23. The Green Quiz page is a place where you can test your knowledge on energy conservation and learn about how to save energy in their daily life. Jin picks an answer and clicks on Submit Answer. This area could be used to display images of the most popular posted items from the GreeNet home page when there is no answer needs be displayed here.
  • 24. As the right answer was chosen, she gets 3 points in the love element. She is also able to see how her friends do on their Green Quiz questions. The ¡°Green Experts¡± lists the friends who have the highest points. She clicks on Next Question. Next Question
  • 25. She chooses an answer that she thinks is right and clicks Submit Answer . This area could be used to display images of the most popular posted items from the home page.
  • 26. The answer is wrong, but she still gets 1 point for participation. In the Answer box, it not only shows the correct answer, but also tells the user the reason behind it. After answering several more questions, she gets more points and decides to go to My GreeNet page to see her garden. Next Question
  • 27. As she gained more points in the love element, the plant in her GreeNet garden has grown bigger. At the same time, she is able to see her friends¡¯ green status as well as the green gifts she has received from her friends. She clicks on Green Market.
  • 28. In this page, Jin is able to purchase ¡° green gifts ¡±,(real environmental friendly products) for herself or her friends. She views the top 3 popular green gifts.
  • 29. The second gift in the list is the CFL light bulb which consumes up to 75% less energy.
  • 30. She moves the mouse to one of the arrows to view more green gifts.
  • 31. She can also read about each gift and learn how each of them can change our life.
  • 32. As Christmas is coming soon, the Green Gift Ideas give Jin some nice gift suggestions for her and her friends to ¡°go green¡± this Christmas.
  • 33. She scrolls up and clicks Home.
  • 34. The GreeNet home page is a space where users can share concerns or opinions on environmental topics and view daily tips of how to become ¡°greener¡±. The user is able to share photos, video, comics, news and other information related to environment protection. Rankings of the top 10 lowest average electricity consumption organizations in the world . The information is real data provided by the local electrical providers. This information would be generated by different organizations in the world. It would also foster a competitive atmosphere and motivation on saving energy.
  • 35. The basic Facebook features such as The Wall, Discussion Board are also included in this page for people to share concerns.
  • 36. Jin logs out from Facebook and wants to tell her mother the Green Gifts she saw on GreeNet .
  • 37. Future work Our future work will involve further usability testing with our current, flash-based, prototype. The results of the tests will inform the next stage of the design process, where we will develop a functional user-interface for our application created using Silverlight, Expression Studio.
  • 38. Conclusion Through our user-focused design process, we have created GreeNet to be not only an informative interactive system, but also an interface that engages our audience into participating in a culture of energy conservation.