Week 1 & 2

Introduction to Kaitiakitanga

Video Lecture 0.1

Aim:

The focus of this paper is to explore how websites can be used to create a narrative which highlights and proposes a solution to an environmental, social or ethical issue.

Saving the environment

-small action big impact

Kaitiakitnga - guardianship and protection

the land cares for us and provides for us. Therefore it is our role to care for it in return

A holistic understanding of the relationship between the environment and people

Website

The overarching theme "consume smarter"

desktop and mobile

Information architecture

-layout

user journey

-what people will interact with

Iterative process

-designing for people

paper prototyping

clickable prototyping

Building the final site

Interactive process lecture

paper prototyping

-user menu

-categorising properly

user testing

-give the user a goal

-getting someone to test the paper prototypes

-look for areas where they get stuck or confused

-always reflect and iterate

Monday Online Studio Class notes - WEEK 1

Monday 4th May 2020 

BrainStorming Climate Change C02 emissions in our break out rooms 

C02 Carbon emissions:

- making consious decisions e.g plastic bags and walking to work 1-2 etc days a week 

Food Production sustainability: 

- Ways we can be more sustainable about what we eat/how we eat
- Owning vegie gardens at home 
- Compost in your gardens - students who do not? - someone can come collect 
- Vege/Vegan/Gluten free diet could be a way of educating. 
- Community - passing on skills to the new generations who don't have those skills or knowledge 

Waste Management 

- Plastic wrapped in supermarkets
- Take your own plastic containers to the deli 
- Industry - Government - Public 

All the whiteboards 
https://drive.google.com/drive/folders/1G8Gebj8PqOagMrQndxc0IPospmf1qDTH?usp=sharing


There are examples from last year here

https://vimeo.com/showcase/7085637

Password = 257kai
 

Independant Study 

- Run your own user experience session - friend/flatmate
- What VCD levels coca offers at a level 3
- Take notes
- What are their fustration points? How're they feeling? Don't hassle
- Do it 3 times
- Learning how people behave online
- Massey.ac.nz or Coca?
- Testing how easy it is to use
- Designing for the people who aren't technology smart

- Start researching and bring it to the next class.
- Go around websites and pick ones you think are communictive and beautiful etc - BOOKMARK them 


NEXT CLASS:
- Bring your URL
- Be ready to discuss your idea

Chosen idea: food production 
Component idea: 

• reduce red meat consumption (veggie production has a much lower footprint)

Independent Study

Exercise Results:

- first he goes to search in the search bar
- "what the f***" - 1 min in
- Comes across CoCA page
- "I thought I was on the right track there"
- Fustration begins starts - 'What the f**" - 3 mins in
- "grrr im really really trying"
- "im starting again from scratch, i reckon I could search this up"
- " I don't know where it is"
- Keeps searching in the tool bar cannot find any title that says 'electives'
- 15 mins in - "to be honest i've got nothing"

Select your own small action/ big impact issue for your website project. Research it. 

• Why is it important?

Environmetnal Cost - Reducing red meat consumption is essential to minimilizing global warming. All other options are not effective unless they are combined with a cut in the emissions from livestock farming. 

The livestock sector is one of the main sources of climate-altering gases, bigger than the transport sector.

A third of all fresh water used by humans goes towards livestock. 

Humanity is exploiting 59% of land capable of growing crops to produce feed for livestock; a third of cultivated land is planted with soy and corn monocultures.

• Costs for our health
• 500 grams of meat a week are more than enough
• The high consumption of red and processed meat, along with an excess of saturated fats, sugar and salt—and ultra-processed junk food in genera—is associated with heart disease, diabetes, high cholesterol and certain forms of cancer.
• And let’s not forget that 70% of antibiotics produced globally are used for livestock, an abuse that reduces their effectiveness in curing human diseases. Antibiotic resistance is one of the most disturbing health emergencies facing humanity, according to the EU.

• Out of all the fresh water used by humans:
• A third goes to livestock
• A thirtieth is used in homes
• Moderating our habits means constructing a fairer world

(slow food. five good reasons to reduce meat consumption. slowfood.com, par 1-5. 29 jan 2020)

https://www.slowfood.com/five-good-reasons-to-reduce-meat-consumption/

• Exactly what small action could be done to achieve what big impact?

avoiding meat (and dairy) is the single biggest way to reduce your impact on the earth. Without meat (and dairy) consumption, global farmland use could be reduced more than 75% an area equivalent to the US, China, European Union and Australia combined – and still feed the world.

“A vegan diet is probably the single biggest way to reduce your impact on planet Earth, not just greenhouse gases, but global acidification, eutrophication, land use and water use,” said Joseph Poore, at the University of Oxford, UK, who led the research. “It is far bigger than cutting down on your flights or buying an electric car,” he said, as these only cut greenhouse gas emissions.

• Biggest analysis to date reveals huge footprint of livestock - it provides just 18% of calories but takes up 83% of farmland

https://www.theguardian.com/environment/2018/may/31/avoiding-meat-and-dairy-is-single-biggest-way-to-reduce-your-impact-on-earth

• Who is the best audience to talk to about this?

Flexitarians, Meat consumers, Western developed countries, masculine target segments

Interesting Research Links:

https://ahritallon.weebly.com/uploads/1/3/7/9/13797348/marketing_report_for_lmlh_by_ahri_tallon.pdf

Video Lecture 0.2

Basic Web Terminology 

- HTML - Hyper text markup language

-  <HTML> 

       Text

   </HTML>

- HTTP - Hyper text transfer protocol

- URL is a way for us to read it, computer sends it back as an IP address, web shows what is displayed

-

- Jpeg vs Gif vs Png

- Don't compress Jpegs of Jpegs as it worsens the 'crusty bits' 

- Typography: 

- Can't just throw any old font into web design as the user may not have the font.

- Sends the font to user for a short while but isn't available after website

- Still use grids but they now move - let go of line returns

- Users are now in control of some things 

- override text size for nana etc..

- Great for other languages

- Users can contribute and share 

- FADP's still rule

User testing process

- Feedback on interface, iterate new ones..

- Moderator: Runs the test (YOU AS DESIGNER), set the goals and invite in

- Operator: Act as the interface, Person who is taking note of how the user is progressing through the prototype doesn't talk or show emotion - Once into clickable prototyping the operator can be replaced by computer

- Operator and moderator can be same person

- User - participant, interact with the interface, tries to achieve the goal, tells you how they think it would work

- Observer - takes notes of the user , levels of frustration / getting stuck and of how long everything is taking.

- Moderator and User are the only talkers

Lecture: Figma for Paper Prototyping

- Put paper prototypes into figma

- Setup some frames, doesn't matter for now

- Drag scans of paper prototyping into figma

- Add extra pages

- add menu page etc.

- Make a connection from the menu button to the menu page

- options on how the transition will happen

- link box for the exit button on the menu page

- setup other pages in prototype

- setup proper transitions (up down right left etc.) between all pages

- select all objects that are clickable change visibility

- change fill so their hidden not the layer entirely, can still interact but cannot see

- Add intro page with goal etc. 

- link a success page as confirmation 

- link a failure state page to the other pages...

- Show your design to someone, test

- can make changes to make it easier etc.

Thursday 7th May 2020 - WEEK 1

Buddy Session with Ike and Jason

- Ingage 
- inforom
- enable 

- Tailor your message
- Secondary Message
- Strategy

Independent Study

- Making a paper prototype 
- Continue Your Research 
- Upload Blog Link



Part Time Rangers Website from Iphone 11. 
I chose this website to present to the breakout rooms because of its natural flow you scroll with the mouse and/or finger. Its beautiful colour pallet, typography, layout, images, semiotics all create a great visual system which attracted the breakout room to vote for my chosen website to be presented on Monday. Part Time Rangers have influenced me with their websites visual language and system to create a webite of my own that is bold, clean, exciting, but not frightening.

Paper Prototype Exercise - Massey Website to find CoCA level 3 electives VCD 

Continue to research your small action/ big impact issue. 
Write some draft content for your selected topic – what words and images will appear on the pages - sketch some wireframe designs and put together a mood-board of possible visual directions. 

"Less Meat. Less Heat."



Some words/titles I want to include:

- RECIPES
- MEAT FREE MONDAY'S
- DAILY VEGE PROTEINS 
- QUOTES/MOTIVATION
-CHAPTERS 1,2,3,4( etc....)

Research:

Global Research:

• Food production already causes great damage to the environment, via greenhouse gases from livestock, deforestation and water shortages from farming, and vast ocean dead zones from agricultural pollution. But without action, its impact will get far worse as the world population rises by 2.3 billion people by 2050 and global income triples, enabling more people to eat meat-rich western diets.

(Damian Carrington, Environmental editor, theguardian. Huge reduction in meat - eating ‘essential’ to avoid climate breakdown. Par, 3, wed 10 oct 2018)

• “Feeding a world population of 10 billion is possible, but only if we change the way we eat and the way we produce food,”

• Dietary and technological change (on farms) are two essential things
• About a third of food produced today never reaches the table.

• This flexitarian diet means the average world citizen needs to eat 75% less beef, 90% less pork and half the number of eggs, while tripling consumption of beans and pulses and quadrupling nuts and seeds. This would halve emissions from livestock and better management of manure would enable further cuts.
•  we need to change our diets if we are to have a sustainable future. The fact that it will also make us healthier makes it a no-brainer.” 

NZ Research:

• We're a country famous for our meat export, Sunday roasts and love of a barbecue, but a recent survey suggests more Kiwis are adopting plant-based diets than ever before.
• Baby boomers were leading the meat-reduction charge, while most vegans and vegetarians were millennials, they found. 
• The study found people identifying as vegan were most likely to live in Auckland. 
• Wellington was the vegetarian capital, while people living in Northland and the Waikato were more likely to be 'meat-reducers'. 
• Overall interest in decreasing meat intake was also growing, with the number of people defining themselves as flexitarians growing 18 per cent in the past year.
• A meat-heavy diet has a big carbon footprint – resulting in 3.3 tonnes of emissions a year for heavy meat-eaters and 2.5 tonnes for average red meat eaters

How to go vegetarian

1. Cut the fat. While meat provides a lot of protein, it also provides a ton of fat — especially saturated fat. Which means that by cutting out meat, you’ll be cutting out a lot of bad fat, and replacing it with things that are probably not only lower in fat, but that contain some good fats. This greatly reduces your risk of heart disease, and in fact numerous studies have shown that vegetarians tend to have a lower risk of heart disease, as well as hypertension, diabetes, cancer and other diseases.

2. Less food poisoning. Food poisoning gets millions of people each year — and many of them from meat, which is a good breeding ground for harmful bacteria, especially if not stored, prepared or cooked exactly right. Cut out meat and you lower your risk of food poisoning (especially if you also cut out eggs and dairy, but that’s optional).

3. Substitutions. Also try your regular recipes that you love, but instead of using meat, use a meatless substitute. So if you love to eat spaghetti or chili, for example, substitute a ground-beef alternative from Bocca or Morning Star and just cook it the way you normally would. There are alternatives for just about any kind of meat, and some of them are quite good. You can go on eating what you normally eat, but meatless.

4. Try one recipe a week. My suggestion is just to try one new vegetarian recipe a week. If you like it, add it to your collection of staple recipes that you eat on a regular basis. If the recipe isn’t that great, try another next week. Soon, you’ll have a good list of 5-10 great recipes that you love to cook and eat. And really, whether you’re vegetarian or meat eater, that’s probably all you really eat on a regular basis anyway (for dinner, at least). Most people only have 7-10 recipes that they cook regularly. Once you have that many vegetarian recipes, you are good to go.

5. Junk food. Again, you can be a vegetarian and be very unhealthy, if you eat junk food. Being a vegetarian is not a license to eat junk food (although you can probably indulge yourself a little more often now that you’re not eating meat). Try to stick with fruits and veggies, whole grains, beans, nuts, soy protein, low-fat dairy and other nutritious foods for the most part.

6. Ethnic food. One of the great things about becoming a vegetarian is that it often spurs people to try new and interesting ethnic foods (or reminds them of foods they love but don’t eat much). Great vegetarian dishes can be found all over the world, from Italian pasta to many Indian dishes to spicy Thai food to Chinese, Ethiopian, Moroccan, Mexican, South American and more. It can be interesting to do a series of theme weeks, trying vegetarian dishes from a certain country for one week, and then moving around the world and sampling other great ethnic foods.

7. Plan ahead. Often what gets in the way of new vegetarians is that they go somewhere, and don’t think of what they might have to eat. Going to a party or a dinner can be much better if you prepare a great dish and bring it along (let the host know about it first). An errands trip doesn’t have to result in you going to McDonalds, starving, if you pack a lunch or bring some snacks.

8. Have fun. Most of all, don’t make becoming a vegetarian be a restrictive, grueling ordeal. If you feel like you’re depriving yourself, you won’t last long. But if you feel like you’re doing something good, and trying out some great-tasting food, you’ll stick with it for much longer (for life, I hope). Have a great time along the way.

Theoritical/Theoritically Speaking Calculating

Kiwi average family of four eats on a monday, four its of 200g steaks each = 800g. 
Over a years span of MeatlessModays = 41.6 kgs of beef not consumed. 
1000's families are doing meatless mondays = 41,600 kgs of beef not consumed. 
Average male cow = 1'100kgs 
Avergae female cow = 720 kgs 
41'600 divided by 720 = 57.8 
41,600 divided by 1,100 = 37.8

If 1000 kiwi families got envolved with participating in meatfreemondays for one whole year, in total they would be saving between 37.8 - 57.8 cows in emsissions 

cows release 95kgs of methaine per year. 

37.8x95= 3591kgs
57.8x95= 4541kgs

If 1000 kiwi families got envolved with participating in meatfreemondays for one whole year, in total they would be saving between 3591-4541kgs of methane released from cows per year in emsissions. 


Mood Board Designing.. initial ideas





-

Week 2

Lecture Notes
Lecture: Content and Behavioural Change How to construct content (writing) online:
- How people consume knowledge online - Online; can't tell which page they're going to jump on first. - They look for individual words or phrases that they will search up in their search engine - specific; scan for key words - Online; writing be key and specific - one paragraph for each idea - less of a word count - F-shape pattern of how we read a page a webpage - Top of the page - get to the point (sucks you in) and as you get further down expand on detail - links to even more related content at bottom - picture - Write like a journalist, - How jornalists are trained to write - picture - Top of page - more signposts - further down is more details content - picture of adding a marketing push - #tagging Back to video: - Factors that affect our behavioural decision making - Logical (logos) - Emotional (pathos) - The influence of others (ethos) - Logos - how do we persuade people to change behaviour - picture - Example; problem is that flying is bad for co2 emissions and the solution will be to tell them and they will stop - Why? - Cognitive dissonance - Indecisive - emotively conflicted between something but can be close to change - push them just that tiny bit then you can make it happen. - Emotions - Pathos is where we use an emotive piece of imagery to evoke emotion - pandas being swapped for tuna - pandas cute and fluffy instead of 'just a fish'. - Turtles aswell - not as important to ecosystem as krill but more emotive - Intangible aspects of design - colours and imagery to evoke emotion - Powerful rhetorical ideas of ethos - Ethos meaning character used to describe the guiding beliefs or ideals that characterise a community, nation, or ideology. - influence of decision making is ourselves, models of us or peers. - unconsciously trying to fit in. - Target a specific audience - Descriptive norm - logical argument of a societal drive to fit in. - Social norms - recycling bins - very few people cared for recycling - When everyone received their bin, it was almost like a billboard on your lawn saying "I recycle", Oh thats the norm maybe i should start recycling - Very act of repeating something, self perception changes and you do not question it - e.g. "mum making you eating veges" - Self perception - (start recycling, start making more changes to your impact, larger steps) - without the small act, no larger act will take place. - Authenticity - How we display ourselves online is a reflection of how we want to be percieved, how others perceive us etc. - Picture - Injunctive norm - - picture How does all this relate to your project - picutre - Awareness - what the issue is? - Motivate them - look at the proposition through their eyes - how does this benefit me? Use logos pathos and ethos to weight the argument - Facilitation - How can I change?


Zoom Lecture Discussion:
2 Developed Design Directions
Next Week Present the designs as a wireframe form 
In a less Figma way (series of google slides of PDF) - probably figma though

- EXPLORE your subject matter/design direction

WorkGroup Zoom Disucssion:

- Some people respond to challenge, promotions... how am I going to facilitate this?
- Target a specific audience
- Dasiy the cow 
- Daisy is vegetables 
- Recipes Delivered to your doorstep 

- Sponorship 
- 10% of profits
- vege, why it is a healthy - options/recipes
- Search on recipes/main/deseerts/dishes
- Whos behind this website? What do they want people to do
- The simplier the better
- Free subcriptions

Photos: 

- some moodboards, two different directions
- wireframes = homepage etc


Independent Study WEEK 2 (before thursday class) 

- Continue to generate/refine content 

- Create wireframes of YOUR SITE designs ready to put into Figma next class 

-  Paper prototype exercise with YOUR site from first class with family/friend/flatmate. 

 - Continue to generate/refine content

- Begin to create concept designs of TWO visual directions in preparation to present to your workgroups in 9.1.

- Also, create initial design concepts for a social media component

Watch the next lecture video and demonstration before 9.00am Monday. 

Title Brainstorming on Website 


- LESS MEAT. LESS HEAT
- THERE IS NO PLANET B
- PLANET B?
- TIME TO MAKE A CHANGE

Two Visual Directions

Thursday 14th May Lecture
- Mobile and Desktop Website
- Adding a News Page to our website (announcements etc)
- Mondays class mock up a socail media ad 

Figma Exercise Feedback 

HOMEPAGE
- Convince them on the homepage 
- Better title page for the target audience 
- Planet logo - less heat less heat - agriculture is hte biggest cause of climate change. 
- Next Page - Why Meat? 
- Facts, Stats, Diagran
- Create something visual on the first page to draw the target audience in 
- "if u ate one meal a week without it would make this difference"
- Vid - amimated GIF

- Navigation of Breakfast/Lunch/Dinner/Snacks odd - CHANGE

Feedback

- Target Audience:
- Absence of knowledge
- They want to make a change to the planet

- Something you can do about it

- Present the type better
- "cut down" - turn it into something positive "lets cut down and..."
- Get rid of the 'sign up'
- Focus on the recipes

2nd VD
- Meat pic is too appealing - change

Create an AD e.g on instagram for CUTITOUT
Create a homepage and recipe page - add photographs


More punch to the punch time "greenouse emissions"
Find a quote about dairy, meat industry
"40% of CE comes froms cows assses"