ViewSPOTS
BY ANJUSCHA HELBIG PHILIPP VEHRENBERG THOUSAND FLOORPLANS WINTER TERM 2016/17 DIGITAL DESIGN UNIT PROF. OLIVER TESSMANN ANTON SAVOV ROGER WINKLER FELIX DANNECKER
WHAT DOES ViewSPOTS DO? ViewSPOTS is an app that helps people find the perfect floor plan based on their own visual preferences. It analyzes the view connections to the outside and the visual connections between the different rooms in the inside of the house. Each person has different needs and requirements when it comes to their own living spaces - our App recognizes this and allows the user to find a floor plan that best suits their needs based on the inputed preferences. This booklet shows how we developed ViewSPOTS and how to use our Grasshopper definition and App.
DDU | Thousand Floorplans
4
5
ViewSPOTS | A. Helbig, P. Vehrenberg
SURVEY If you were to build your very own home, what parameters would be important for you to know in order to pick your floor plan? Before we developed our App, we conducted a survey to find out what parameters people find most commonly important. We asked 42 people to fill out a survey as seen below:
DDU | Thousand Floorplans
6
Graph 1: The amount of participants in different age groups and the % of the age-groups living situation (lives with):
# participants
24
22 20 18 16 14 12 10 8 6 4 2
lives with:
37,50% 4,16% 4,16%
alone parents + kids + partner
parents + kids 33,33%
parents
16,66%
16,66%
16,66% 16,66%
partner + kids partner
16,66%
50,00% 4,16%
83,33%
18-24
25-34
35-64
age
other
# participants
Graph 2: The amount of participants in different age groups and the % of the age-groups living situation (lives in): 24 22 20 18 16 14 12 10 8 6 4 2
8,33% 8,33%
lives in: parents home own home + rents out + rents
plans to own in 1-2 years own home + rents out
41,66%
own home
58,33%
18-24
75%
25-34
age
50%
a rented place
50%
other
35-64
These 2 graphs above show information on the participants. The majority of people between the age of 18-24 live alone in a rented place, between 25-34 with their partner in a rented place and between 35-64 with their partner and kids in their own home. Showing us that our App will mostly cater to a 35+ age-demographic. 7
ViewSPOTS | A. Helbig, P. Vehrenberg
SURVEY Graph 3: The total amounts of chosen parameters of each category:
45
40
35
# participants
30
25
20
15
10
5
other
costs
water
orientation
daylight
energy
VIEWS
parameters
Graph 3 shows the total amount of parameters that were chosen by every participant. The parameter that was chosen the most was daylight, second was views and the third was the amount of energy the house uses. DDU | Thousand Floorplans
8
Graph 4: The chosen parameters of the participants top 3 choices:
VIEWS
energy
parameters
daylight
orientation
water
1st choice
costs
2nd choice 3rd choice
other
2
4
6
8
10
12
14
16
# of participants
Each participant was asked to list their preferred parameters from 1st to 7th choice. Graph 4 shows the top 3 choices of the participants. The first and second choice was clearly views and views and daylight tied in 3rd. 9
ViewSPOTS | A. Helbig, P. Vehrenberg
PARAMETERS Based on the survey we conducted, the parameter we chose to create our App was views. Our definition analyzes floor plans by calculating the amount of views to the outside and the view connections within the floor plan. Outgoing views: How much can be seen from the inside out?
direct view indirect view
DDU | Thousand Floorplans
10
Interior view connections: what rooms are visually connected? How much of those rooms can be seen?
direct view indirect view
11
ViewSPOTS | A. Helbig, P. Vehrenberg
ALGORITHM INPUT In order for the Grasshopper definition to calculate the view parameters from the previous page, the floor plan needs to be prepared as follows:
This is an example for a floor plan you would like to have analyzed in the Grasshopper Definition.
Draw over the room boundaries of the floor plan using closed curves. DDU | Thousand Floorplans
12
bedroom 3
corridor 1 bedroom 1
living room
dining room garage
corridor 2 entrance hall kitchen bedroom 2
Each room needs to be labeled so the definition knows the function of each room. It is important that the beginning of each text object lies within its room boundary.
The Definition needs a second drawing of the floor plan with the exterior (windows) and interior (room openings including doors) openings. 13
ViewSPOTS | A. Helbig, P. Vehrenberg
ANALYSIS ALGORITHM DATA COLLECTION LOOPING PART
1
2 3
4
1 The Isovist operation does a raw view analysis. The resulting view area is the
2 A grid of 1000+ points with a custom density is generated. Starting the loop, e
3 For comparison and processing, the geometrical output is being converted in
4 Room relation data is gathered by checking how many grid points of other roo
5 The red area is where you define input, set the analysis mode and start the a
6 The data that holds information separately for each point is processed to gen 7 The heat map is a mesh that visualizes the exterior views for the whole floor DDU | Thousand Floorplans
14
DATA RECORDING
DATA PROCESSING
5
6
7
en split into its specific parts
each of these points will be analyzed one by one
nto numbers from 0 to 1
oms lay within the visible area
analysis
nerate the diagram that represents the room connections plan. It is generated by assigning a shade of blue to each analysis point 15
ViewSPOTS | A. Helbig, P. Vehrenberg
RESULTS
1-POINT ANALYSIS The 1-point-mode allows you to analyze the views of a specific point within the floor plan. You can manually choose whichever point you like. The different types of views analyzed can be seen below:
DDU | Thousand Floorplans
16
point of analysis direct interior view indirect interior view direct exterior view direct exterior view of house indirect exterior view
17
ViewSPOTS | A. Helbig, P. Vehrenberg
RESULTS
OVERALL VIEW CONNECTION ANALYSIS The analyzed floor plan:
Heat-map showing the amount of exterior views:
The heat-map gives an overall impression of the amount of external views of the entire house. The lighter the heat map is, the more external views the floor plan has. DDU | Thousand Floorplans
18
View connection diagram:
The results are shown in a view connection diagram. Each room is assigned one circle (‚button‘). The percentage of the views inside the room to the outside is shown by the blue circle around each button. Every room that is visually connected (and the amount) is shown through lines connecting each room button. The more interior visual connections a button has, the larger and darker the black ring in each button is. 19
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT GETTING STARTED
The first step is creating an account. Then, before getting to the search page, the user first learns about the different types of view connections.
Home page - sign up or sign in
DDU | Thousand Floorplans
20
Learning the basics on floor plan view connections
21
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT
LEARNING THE BASICS - A CLOSED FLOOR PLAN
DDU | Thousand Floorplans
22
Floor plan analysis:
exterior views
interior views
view connection diagram
23
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT
LEARNING THE BASICS - A PARTIALLY-CLOSED FLOOR PLAN
DDU | Thousand Floorplans
24
Floor plan analysis:
exterior views
interior views
view connection diagram
25
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT
LEARNING THE BASICS - AN OPEN FLOOR PLAN
DDU | Thousand Floorplans
26
Floor plan analysis:
exterior views
interior views
view connection diagram
27
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT
LEARNING THE BASICS - VIEW CONNECTION COMPARISON As the floor plan becomes more open, the interior visual connection become stronger. A closed floor plan allows for more privacy within the room and an open floor plan allows different room activities to be linked together.
DDU | Thousand Floorplans
28
29
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT
MAKING A PERSONALIZED VIEW CONNECTION DIAGRAM After the user learns about the different view connections from the floor plan examples on the information page, he can then create his own personalized view connection diagram following the steps below:
1 The user adds all
the rooms he wants to have analyzed to the diagram as a ‚button‘
2 Through the
circle around each button, the user can specify the amount of view to the outside he wants to have for the given room
DDU | Thousand Floorplans
30
3 The user
connects the rooms he wants to have a visual connection with and through an inputed percentage specifies how large of a connection he would like
4 The size of
the room button varies; the more connections to other rooms it has, the bigger it is
5 At anytime,
the user can delete a room by dragging it into the garbage bin
31
ViewSPOTS | A. Helbig, P. Vehrenberg
THE APP CONCEPT RESULTS
Based on the view connection diagram the user creates, a floor plan thats views best match the diagram is picked from a databank of thousands of already analyzed floor plans.
view connection match with heat map
DDU | Thousand Floorplans
32
By clicking on any point in the floor plan, the user can see the different types of views from that given point.
view connectinon match with 1-point view analysis
33
ViewSPOTS | A. Helbig, P. Vehrenberg
BIBLIOGRAPHY https://www.mockupworld.co/free/man-holding-ipad-mockup-2/ http://www.nanozine.org/white-ipad-png.html https://www.instagram.com/p/c5YEXgSSco/ https://www.pinterest.com/pin/398076054541830768/ https://www.pinterest.com/pin/207165651587871169/
https://www.pinterest.com/pin/461126449317037337/visual-search/?x=5&y=2&w=556& https://www.pinterest.com/pin/461126449317034996/
https://www.pinterest.com/pin/366128644687975588/visual-search/?x=0&y=0&w=564
https://s-media-cache-ak0.pinimg.com/236x/8b/46/30/8b4630bd01c17a18f1e52f90cd3 http://www.americankitchensfl.com/kitchen-countertops http://www.bhg.com/rooms/living-room/makeovers/living-room-decorating-ideas/ http://www.houzz.com/photos/traditional/bedroom
DDU | Thousand Floorplans
34
&h=427
4&h=423
32192e.jpg
35
ViewSPOTS | A. Helbig, P. Vehrenberg