SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
are you sitting?
the interaction of
sitting while
veiwing a website
Wire Frame Ideas
Wire Frame final
simplistic with flair -
from my point of view chairs are designed with this idea in mind so i
wanted to show case this in my website. I wanted to keep simple with
the use of color but show some flair in the design and layout of the div’s
in the website.
From this information i have choosen this wire frame to base my two
webpages off.
i have chosen to go with a
horozontial webpage as i
think it best suits my view
and represents the interac-
tion of sitting best
this is the first mock up/
itteration of my wire
frame, i like the look and
the way it is coming along
, it needs more work but
i think it highlights the
information very well in
its set out.
itteration - i like the direc-
tion this is going in, the
header is to crowded so i
will be looking to simplify
that also i am not liking all
the gray, i am thinking of a
material background, the
same material that computer
chairs are made from
note these have been zoomed out to show full content
these are my two final webpages - I think that the layout, features and colours allow the
content and interaction to be the foucs of the website and add to the content rather than take
away. I chnaged the top ‘are you sitting?’ to the hyperlink blue to indicate a link as it was not
obvious to the user to click to be taken to the next page. I have chossen a twill background
image with a a dark overlay so the effect is still there but not a distraction. My idea for this
website came from the laser cut chair outside the design office, so i wanted to use this in my
site, I have made it my header as i think it communicates the words that were previously
there without stating the obvious. I think my final design is effective in communicating my
interaction of the user sitting while viewing the website.

Weitere ähnliche Inhalte

Was ist angesagt?

Production stages of my front cover
Production stages of my front coverProduction stages of my front cover
Production stages of my front coverurvibhatt
 
6. production reflection joe
6. production reflection joe6. production reflection joe
6. production reflection joeSam Fulton
 
6. production reflection joe 1
6. production reflection joe 16. production reflection joe 1
6. production reflection joe 1Sam Fulton
 
Unit 11 assignment 4 evaluation
Unit 11 assignment 4 evaluation Unit 11 assignment 4 evaluation
Unit 11 assignment 4 evaluation haverstockmedia
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
UsabilityslideshowCarmell06769
 
Template of front cove.. updated
Template of front cove.. updatedTemplate of front cove.. updated
Template of front cove.. updatedRuqayyahO
 
3 Ways You Can Give and Get Good Design Feedback
3 Ways You Can Give and Get Good Design Feedback3 Ways You Can Give and Get Good Design Feedback
3 Ways You Can Give and Get Good Design FeedbackZURB
 
Mini evaluation3
Mini evaluation3Mini evaluation3
Mini evaluation3rachel1305
 
6. production reflection
6. production reflection6. production reflection
6. production reflectionGeorgiaCoop
 
Print - Production Reflection Dunzo Completo!!!!!! Joe Duffy
Print - Production Reflection Dunzo Completo!!!!!! Joe DuffyPrint - Production Reflection Dunzo Completo!!!!!! Joe Duffy
Print - Production Reflection Dunzo Completo!!!!!! Joe DuffyJoeDuffy28
 
6. production reflection 2
6. production reflection 26. production reflection 2
6. production reflection 2aasiyahchopdat
 
Digital graphics evaluation pro forma 3
Digital graphics evaluation pro forma 3Digital graphics evaluation pro forma 3
Digital graphics evaluation pro forma 3Amelia101
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro formathenamesbarnett
 
Production Process
Production ProcessProduction Process
Production Processmaddieefaye
 
6. production reflection (fmp) 1 (1)
6. production reflection (fmp) 1 (1)6. production reflection (fmp) 1 (1)
6. production reflection (fmp) 1 (1)GeorgiaCoop
 
Branding and website design
Branding and website designBranding and website design
Branding and website designSonja Kroll
 

Was ist angesagt? (20)

Production stages of my front cover
Production stages of my front coverProduction stages of my front cover
Production stages of my front cover
 
6. production reflection joe
6. production reflection joe6. production reflection joe
6. production reflection joe
 
Producing website
Producing websiteProducing website
Producing website
 
6. production reflection joe 1
6. production reflection joe 16. production reflection joe 1
6. production reflection joe 1
 
Unit 11 assignment 4 evaluation
Unit 11 assignment 4 evaluation Unit 11 assignment 4 evaluation
Unit 11 assignment 4 evaluation
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
Template of front cove.. updated
Template of front cove.. updatedTemplate of front cove.. updated
Template of front cove.. updated
 
3 Ways You Can Give and Get Good Design Feedback
3 Ways You Can Give and Get Good Design Feedback3 Ways You Can Give and Get Good Design Feedback
3 Ways You Can Give and Get Good Design Feedback
 
Mini evaluation3
Mini evaluation3Mini evaluation3
Mini evaluation3
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
Print - Production Reflection Dunzo Completo!!!!!! Joe Duffy
Print - Production Reflection Dunzo Completo!!!!!! Joe DuffyPrint - Production Reflection Dunzo Completo!!!!!! Joe Duffy
Print - Production Reflection Dunzo Completo!!!!!! Joe Duffy
 
6. production reflection 2
6. production reflection 26. production reflection 2
6. production reflection 2
 
Front cover
Front coverFront cover
Front cover
 
Digital graphics evaluation pro forma 3
Digital graphics evaluation pro forma 3Digital graphics evaluation pro forma 3
Digital graphics evaluation pro forma 3
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 
Graphics Design Evaluation
Graphics Design EvaluationGraphics Design Evaluation
Graphics Design Evaluation
 
Designing my dps
Designing my dpsDesigning my dps
Designing my dps
 
Production Process
Production ProcessProduction Process
Production Process
 
6. production reflection (fmp) 1 (1)
6. production reflection (fmp) 1 (1)6. production reflection (fmp) 1 (1)
6. production reflection (fmp) 1 (1)
 
Branding and website design
Branding and website designBranding and website design
Branding and website design
 

Andere mochten auch

Nuest amvocab
Nuest amvocabNuest amvocab
Nuest amvocabnidree
 
Bateriju vākšanas konkurss 2013
Bateriju vākšanas konkurss 2013Bateriju vākšanas konkurss 2013
Bateriju vākšanas konkurss 2013Aldis Lazda
 
Passive voice- Nair Clua
Passive voice- Nair CluaPassive voice- Nair Clua
Passive voice- Nair Cluanairclua
 
Pe powerpoint
Pe powerpointPe powerpoint
Pe powerpointmfenech
 
Some Questions about Culture
Some Questions about CultureSome Questions about Culture
Some Questions about CultureMariangeles Ortiz
 
About my favourite_polish_writer...
About my favourite_polish_writer...About my favourite_polish_writer...
About my favourite_polish_writer...rossitsazlankova
 
Lectura independiente independendent reading essay presentation instructions ...
Lectura independiente independendent reading essay presentation instructions ...Lectura independiente independendent reading essay presentation instructions ...
Lectura independiente independendent reading essay presentation instructions ...Weston Ranch High School
 
Presentacion diseno de_proyectos_grupo_102058-150_1
Presentacion diseno de_proyectos_grupo_102058-150_1Presentacion diseno de_proyectos_grupo_102058-150_1
Presentacion diseno de_proyectos_grupo_102058-150_1Johanna-Acosta
 

Andere mochten auch (10)

Nuest amvocab
Nuest amvocabNuest amvocab
Nuest amvocab
 
Bateriju vākšanas konkurss 2013
Bateriju vākšanas konkurss 2013Bateriju vākšanas konkurss 2013
Bateriju vākšanas konkurss 2013
 
Passive voice- Nair Clua
Passive voice- Nair CluaPassive voice- Nair Clua
Passive voice- Nair Clua
 
Pe powerpoint
Pe powerpointPe powerpoint
Pe powerpoint
 
Some Questions about Culture
Some Questions about CultureSome Questions about Culture
Some Questions about Culture
 
About my favourite_polish_writer...
About my favourite_polish_writer...About my favourite_polish_writer...
About my favourite_polish_writer...
 
Le
LeLe
Le
 
Gobierno en linea
Gobierno en lineaGobierno en linea
Gobierno en linea
 
Lectura independiente independendent reading essay presentation instructions ...
Lectura independiente independendent reading essay presentation instructions ...Lectura independiente independendent reading essay presentation instructions ...
Lectura independiente independendent reading essay presentation instructions ...
 
Presentacion diseno de_proyectos_grupo_102058-150_1
Presentacion diseno de_proyectos_grupo_102058-150_1Presentacion diseno de_proyectos_grupo_102058-150_1
Presentacion diseno de_proyectos_grupo_102058-150_1
 

Ähnlich wie Pdfprocess

Idea development
Idea development Idea development
Idea development Amelia101
 
Idea development
Idea development Idea development
Idea development Amelia101
 
Idea development
Idea development Idea development
Idea development Amelia101
 
Idea development
Idea development Idea development
Idea development Amelia101
 
Website research inspiration
Website research inspirationWebsite research inspiration
Website research inspirationLisa Parker
 
5. pre production (1)
5. pre production (1)5. pre production (1)
5. pre production (1)Sumiah Rose
 
Print production research, experiments, planning
Print production research, experiments, planningPrint production research, experiments, planning
Print production research, experiments, planningJoshEastham2
 
Idea development pro forma
Idea development pro formaIdea development pro forma
Idea development pro formaEmily Shaw
 
Evaluation for print
Evaluation for printEvaluation for print
Evaluation for printHarry Taylor
 
Development of film review
Development of film reviewDevelopment of film review
Development of film reviewharrietmedia
 
Research.updated
Research.updatedResearch.updated
Research.updatedaliceleeman
 
Research-Final Project for Architectural Photography
Research-Final Project for Architectural PhotographyResearch-Final Project for Architectural Photography
Research-Final Project for Architectural Photographyaliceleeman
 

Ähnlich wie Pdfprocess (20)

Idea development
Idea development Idea development
Idea development
 
Idea development
Idea development Idea development
Idea development
 
Idea development
Idea development Idea development
Idea development
 
Idea development
Idea development Idea development
Idea development
 
Website research inspiration
Website research inspirationWebsite research inspiration
Website research inspiration
 
Gerard and tom eval
Gerard and tom evalGerard and tom eval
Gerard and tom eval
 
5. pre production (1)
5. pre production (1)5. pre production (1)
5. pre production (1)
 
Evaluation
EvaluationEvaluation
Evaluation
 
Print production research, experiments, planning
Print production research, experiments, planningPrint production research, experiments, planning
Print production research, experiments, planning
 
Idea development pro forma
Idea development pro formaIdea development pro forma
Idea development pro forma
 
Evaluation for print
Evaluation for printEvaluation for print
Evaluation for print
 
Development of film review
Development of film reviewDevelopment of film review
Development of film review
 
Evaluation.
Evaluation.Evaluation.
Evaluation.
 
Fanzine process
Fanzine processFanzine process
Fanzine process
 
Research.updated
Research.updatedResearch.updated
Research.updated
 
Research-Final Project for Architectural Photography
Research-Final Project for Architectural PhotographyResearch-Final Project for Architectural Photography
Research-Final Project for Architectural Photography
 
Website evaluation
Website evaluationWebsite evaluation
Website evaluation
 
Evaluation Question 7
Evaluation Question 7Evaluation Question 7
Evaluation Question 7
 
Gerard ex
Gerard exGerard ex
Gerard ex
 
Evaluation
EvaluationEvaluation
Evaluation
 

Mehr von Laura Wallace

244 Project Two - Lomo
244 Project Two - Lomo244 Project Two - Lomo
244 Project Two - LomoLaura Wallace
 
244 Photography Presentation
244 Photography Presentation244 Photography Presentation
244 Photography PresentationLaura Wallace
 
Laura wallace 144-project3
Laura wallace  144-project3Laura wallace  144-project3
Laura wallace 144-project3Laura Wallace
 
DSDN 144 Project 2 - Laura Wallace
DSDN 144 Project 2 - Laura WallaceDSDN 144 Project 2 - Laura Wallace
DSDN 144 Project 2 - Laura WallaceLaura Wallace
 
Laura wallace.dsdn144.pro1.a
Laura wallace.dsdn144.pro1.aLaura wallace.dsdn144.pro1.a
Laura wallace.dsdn144.pro1.aLaura Wallace
 
DSDN171 Assignment 2
DSDN171 Assignment 2DSDN171 Assignment 2
DSDN171 Assignment 2Laura Wallace
 

Mehr von Laura Wallace (6)

244 Project Two - Lomo
244 Project Two - Lomo244 Project Two - Lomo
244 Project Two - Lomo
 
244 Photography Presentation
244 Photography Presentation244 Photography Presentation
244 Photography Presentation
 
Laura wallace 144-project3
Laura wallace  144-project3Laura wallace  144-project3
Laura wallace 144-project3
 
DSDN 144 Project 2 - Laura Wallace
DSDN 144 Project 2 - Laura WallaceDSDN 144 Project 2 - Laura Wallace
DSDN 144 Project 2 - Laura Wallace
 
Laura wallace.dsdn144.pro1.a
Laura wallace.dsdn144.pro1.aLaura wallace.dsdn144.pro1.a
Laura wallace.dsdn144.pro1.a
 
DSDN171 Assignment 2
DSDN171 Assignment 2DSDN171 Assignment 2
DSDN171 Assignment 2
 

Pdfprocess

  • 1. are you sitting? the interaction of sitting while veiwing a website
  • 2. Wire Frame Ideas Wire Frame final simplistic with flair - from my point of view chairs are designed with this idea in mind so i wanted to show case this in my website. I wanted to keep simple with the use of color but show some flair in the design and layout of the div’s in the website. From this information i have choosen this wire frame to base my two webpages off. i have chosen to go with a horozontial webpage as i think it best suits my view and represents the interac- tion of sitting best this is the first mock up/ itteration of my wire frame, i like the look and the way it is coming along , it needs more work but i think it highlights the information very well in its set out. itteration - i like the direc- tion this is going in, the header is to crowded so i will be looking to simplify that also i am not liking all the gray, i am thinking of a material background, the same material that computer chairs are made from
  • 3. note these have been zoomed out to show full content these are my two final webpages - I think that the layout, features and colours allow the content and interaction to be the foucs of the website and add to the content rather than take away. I chnaged the top ‘are you sitting?’ to the hyperlink blue to indicate a link as it was not obvious to the user to click to be taken to the next page. I have chossen a twill background image with a a dark overlay so the effect is still there but not a distraction. My idea for this website came from the laser cut chair outside the design office, so i wanted to use this in my site, I have made it my header as i think it communicates the words that were previously there without stating the obvious. I think my final design is effective in communicating my interaction of the user sitting while viewing the website.