From 062a2af539fa971b6175e5e5250ce343add1f941 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 16:27:48 +0300 Subject: [PATCH 1/8] BG for placeholder text to start at zero opacity The "We selected size xx" one. For clarity. --- src/common/SizingBar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/SizingBar.scss b/src/common/SizingBar.scss index 21df8e0..d2a250a 100644 --- a/src/common/SizingBar.scss +++ b/src/common/SizingBar.scss @@ -102,7 +102,7 @@ } .fit-area { - opacity: 0.3; + opacity: 0; } } From c89560f5ac0b4547ea7955960e48d454e680cb1b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 16:47:52 +0300 Subject: [PATCH 2/8] Fit Tooltip removed from the overlap box Reasoning: there was no useful info there anymore and the fitVerdict label was even plain misleading (different from dynamic sizing bar) Future: this might have a future in the Detailed View window --- src/SizeMeApp.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/SizeMeApp.jsx b/src/SizeMeApp.jsx index 94b919e..d78392c 100644 --- a/src/SizeMeApp.jsx +++ b/src/SizeMeApp.jsx @@ -12,7 +12,6 @@ import "./SizeMeApp.scss"; import uiOptions from "./api/uiOptions"; import ProfileMenu from "./common/ProfileMenu"; import { trackEvent } from "./api/ga"; -import FitTooltip from "./common/FitTooltip"; class SizeMeApp extends React.Component { constructor (props) { @@ -96,7 +95,6 @@ class SizeMeApp extends React.Component { onSignup={onSignup} signupStatus={signupStatus}/>} {resolved && !uiOptions.disableSizeGuide && } - ); } else { From 98bae753c8ba48d3b011bac921884b4dd61a0dbc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 17:16:29 +0300 Subject: [PATCH 3/8] Text changes. More concise. --- src/i18n/en.json | 7 +++---- src/i18n/fi.json | 11 +++++------ 2 files changed, 8 insertions(+), 10 deletions(-) diff --git a/src/i18n/en.json b/src/i18n/en.json index ffaa397..7d0786e 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -109,7 +109,7 @@ "sleeve": "Measure from your shoulder (where your shirt's seam usually is) down to your wrist (to the end of the radius bone to be exact). Keep your arm straight and pointing down while measuring.", "pant_waist": "Measure around your body from where you normally keep your pants, about 6 cm down from belly-button height.

Pull your stomach in like you are fitting on a pair of tight pants.", "outseam": "Measure the outside of your leg starting from the top of your waistband (where you normally keep your pants) and measure down to your ankle bone (lateral malleolus to be exact).", - "shoe_inside_length": "Place a measuring tape next to a wall and stand on the tape. Use thin socks or no socks at all.", + "shoe_inside_length": "Place a measuring tape next to a wall and stand on the tape with bare feet", "calf_width": "Measure around widest part of calf.", "hat_width": "Measure the biggest circumference of head at just above top of ears." }, @@ -142,8 +142,7 @@ "Measure down to your ankle bone" ], "shoe_inside_length": [ - "Place a measuring tape next to a wall and stand on the tape", - "Use thin socks or no socks at all" + "Place a measuring tape next to a wall and stand on the tape with bare feet" ], "calf_width": [ "Measure around widest part of calf" @@ -163,7 +162,7 @@ "signupBox": { "duplicateUser": "An account with this email already exists. Try to log in?", "emailPlaceholder": "myname@example.com", - "message": "Save your measurements, so you don't have to remember them ever again.", + "message": "Save your measurements using the SizeMe service", "save": "Save", "signupPrompt": "Save with email" }, diff --git a/src/i18n/fi.json b/src/i18n/fi.json index f142eeb..a7e032f 100644 --- a/src/i18n/fi.json +++ b/src/i18n/fi.json @@ -72,8 +72,8 @@ "kneeCircumference": "Polven ympärys", "ankleCircumference": "Nilkan ympärys", "calfCircumference": "Pohkeen ympärys", - "footLength": "Jalan pituus", - "footWidth": "Jalan leveys", + "footLength": "Jalkaterän pituus", + "footWidth": "Jalkaterän leveys", "headCircumference": "Pään ympärys" }, "measurement": { @@ -109,7 +109,7 @@ "sleeve": "Measure from your shoulder (where your shirt's seam usually is) down to your wrist (to the end of the radius bone to be exact). Keep your arm straight and pointing down while measuring.", "pant_waist": "Measure around your body from where you normally keep your pants, about 6 cm down from belly-button height.

Pull your stomach in like you are fitting on a pair of tight pants.", "outseam": "Measure the outside of your leg starting from the top of your waistband (where you normally keep your pants) and measure down to your ankle bone (lateral malleolus to be exact).", - "shoe_inside_length": "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle. Käytä ohuita sukkia tai ei sukkia ollenkaan.", + "shoe_inside_length": "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin", "calf_width": "Measure around widest part of calf.", "hat_width": "Measure the biggest circumference of head at just above top of ears." }, @@ -142,8 +142,7 @@ "Measure down to your ankle bone" ], "shoe_inside_length": [ - "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle", - "Käytä ohuita sukkia tai ei sukkia ollenkaan" + "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin" ], "calf_width": [ "Measure around widest part of calf" @@ -163,7 +162,7 @@ "signupBox": { "duplicateUser": "Tili tällä sähköpostiosoitteella on jo olemassa. Kirjaudu sisään siis!", "emailPlaceholder": "oma.nimi@esimerkki.fi", - "message": "Tallenna mittasi niin sinun ei tarvitse muistaa niitä enää.", + "message": "Tallenna mittasi SizeMe-palveluun", "save": "Tallenna", "signupPrompt": "Tallenna sähköpostiosoitteella" }, From 6fa724255bd1491486512e793f7f8548fa4fff80 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 18:00:33 +0300 Subject: [PATCH 4/8] Font-size upscaling prohibited To calm the UI --- src/common/SizingBar.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/SizingBar.jsx b/src/common/SizingBar.jsx index 79fcd66..5ddefda 100644 --- a/src/common/SizingBar.jsx +++ b/src/common/SizingBar.jsx @@ -107,7 +107,7 @@ class SizingBar extends React.Component { const containerWidth = this.placeholder.parentNode.offsetWidth - 10; this.placeholder.style.transform = "scale(1)"; const placeholderWidth = this.placeholder.offsetWidth; - this.placeholder.style.transform = `scale(${Math.min(1.5, containerWidth / placeholderWidth)})`; + this.placeholder.style.transform = `scale(${Math.min(1, containerWidth / placeholderWidth)})`; } } From 91b95c81b41ec3ad0dd6f5a926213dfad22be0b5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 18:01:02 +0300 Subject: [PATCH 5/8] Font-size "smaller" changed to percentage --- src/common/SizeForm.scss | 2 +- src/common/SizingBar.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/common/SizeForm.scss b/src/common/SizeForm.scss index 9ba2d23..436278f 100644 --- a/src/common/SizeForm.scss +++ b/src/common/SizeForm.scss @@ -172,7 +172,7 @@ } .instruction-content { - font-size: smaller; + font-size: 90%; } .gender-male .female { diff --git a/src/common/SizingBar.scss b/src/common/SizingBar.scss index d2a250a..c4db71f 100644 --- a/src/common/SizingBar.scss +++ b/src/common/SizingBar.scss @@ -8,10 +8,10 @@ align-items: flex-end; background: url(../images/slider_bg_black_grid.svg) no-repeat bottom center; background-size: 100% 100%; - font-size: smaller; + font-size: 90%; margin: 5px 0 20px 0; position: relative; - top: 5px; + top: 5px; .slider-placeholder { position: absolute; @@ -76,7 +76,7 @@ svg.recommendation { bottom: 0; - width: 36px; + width: 36px; path { fill: $recommendation_color; fill-opacity: 0.75; From 9669722762342812e1fe38d3701809e47daef8cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 18:19:21 +0300 Subject: [PATCH 6/8] Size recommendation message timeout increased to 3 seconds (formerly 2) --- src/common/SizingBar.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/SizingBar.jsx b/src/common/SizingBar.jsx index 5ddefda..6dcd7b8 100644 --- a/src/common/SizingBar.jsx +++ b/src/common/SizingBar.jsx @@ -83,7 +83,7 @@ class SizingBar extends React.Component { this.calculatePlaceholderSize(); if (this.state.newSize) { if (!this.timeout) { - this.timeout = setTimeout(() => this.setState({ newSize: false }), 2000); + this.timeout = setTimeout(() => this.setState({ newSize: false }), 3000); } } } From 3d9a8a8a0f441564e6fa7eb05aae8913636de33d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 18:20:17 +0300 Subject: [PATCH 7/8] Text changes yet again --- src/i18n/en.json | 2 +- src/i18n/fi.json | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/i18n/en.json b/src/i18n/en.json index 7d0786e..6d42121 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -6,7 +6,7 @@ "shoppingFor": "Shopping for", "sizingBarSplashNoFit": "Enter your measurements to find your size", "sizingBarSplashNoSize": "No size was found based on your measurement", - "sizingBarSplashMatch": "We selected size {{sizeName}} for you", + "sizingBarSplashMatch": "We recommend size {{sizeName}} for you", "sizingBarFitTooltip": "This indicates how size {{selectedSize}} will fit you", "sizingBarRecommendationTooltip": "We recommend that your fit is close to this area" }, diff --git a/src/i18n/fi.json b/src/i18n/fi.json index a7e032f..657b29c 100644 --- a/src/i18n/fi.json +++ b/src/i18n/fi.json @@ -6,7 +6,7 @@ "shoppingFor": "Aktiivinen profiili", "sizingBarSplashNoFit": "Syötä mittasi, niin suosittelemme sinulle oikean koon", "sizingBarSplashNoSize": "Valitse koko, niin näytämme miten se sopii sinulle", - "sizingBarSplashMatch": "Valitsimme sinulle koon {{sizeName}}", + "sizingBarSplashMatch": "Suosittelemme sinulle kokoa {{sizeName}}", "sizingBarFitTooltip": "Tämä näyttää miten koko {{selectedSize}} sopii sinulle", "sizingBarRecommendationTooltip": "Tämän tuotteen kohdalla suosittelemme tätä sopivuutta" }, @@ -72,8 +72,8 @@ "kneeCircumference": "Polven ympärys", "ankleCircumference": "Nilkan ympärys", "calfCircumference": "Pohkeen ympärys", - "footLength": "Jalkaterän pituus", - "footWidth": "Jalkaterän leveys", + "footLength": "Jalkateräsi pituus", + "footWidth": "Jalkateräsi leveys", "headCircumference": "Pään ympärys" }, "measurement": { @@ -109,7 +109,7 @@ "sleeve": "Measure from your shoulder (where your shirt's seam usually is) down to your wrist (to the end of the radius bone to be exact). Keep your arm straight and pointing down while measuring.", "pant_waist": "Measure around your body from where you normally keep your pants, about 6 cm down from belly-button height.

Pull your stomach in like you are fitting on a pair of tight pants.", "outseam": "Measure the outside of your leg starting from the top of your waistband (where you normally keep your pants) and measure down to your ankle bone (lateral malleolus to be exact).", - "shoe_inside_length": "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin", + "shoe_inside_length": "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin kantapää seinässä kiinni", "calf_width": "Measure around widest part of calf.", "hat_width": "Measure the biggest circumference of head at just above top of ears." }, @@ -142,7 +142,7 @@ "Measure down to your ankle bone" ], "shoe_inside_length": [ - "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin" + "Aseta mittanauha lattialle seinän viereen ja astu nauhan päälle paljain jaloin kantapää seinässä kiinni" ], "calf_width": [ "Measure around widest part of calf" From f3b31a95bc4ffaa82a493f8fc549d0a13a0c8dd8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= Date: Thu, 17 Aug 2017 18:52:29 +0300 Subject: [PATCH 8/8] =?UTF-8?q?Kookenk=C3=A4=20testing=20page=20updated=20?= =?UTF-8?q?a=20little?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- kookenka.html | 30 +++++++++++++++++++++++------- 1 file changed, 23 insertions(+), 7 deletions(-) diff --git a/kookenka.html b/kookenka.html index ac99219..d02bbf3 100644 --- a/kookenka.html +++ b/kookenka.html @@ -74,7 +74,7 @@ itemLayer: 1, itemThickness: 1, itemStretch: 0, - fitRecommendation: 1028, + fitRecommendation: 1031, measurements: { "17": { "chest": 0, @@ -94,7 +94,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 256, + "shoe_inside_length": 250, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -117,7 +117,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 266, + "shoe_inside_length": 257, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -140,7 +140,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 276, + "shoe_inside_length": 263, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -163,7 +163,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 286, + "shoe_inside_length": 270, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -186,7 +186,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 296, + "shoe_inside_length": 276, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -209,7 +209,7 @@ "knee_width": 0, "calf_width": 0, "pant_sleeve_width": 0, - "shoe_inside_length": 306, + "shoe_inside_length": 283, "shoe_inside_width": 0, "hat_width": 0, "hood_height": 0, @@ -220,6 +220,22 @@ + +