tag:blogger.com,1999:blog-42283045339866759332024-03-05T13:31:07.538-08:00For Seven Days - Progress BlogFor Seven Days is a graduate thesis project by Irene, a Web Design & New Media student at the Academy of Art. It is a web application that lets people take challenges, seven days at-a-time. The challenge can be as simple as "I'm calling my parents everyday #forsevendays." We will be surprised by how little things like these matter in our lives and can change us for the better phenomenally. nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.comBlogger26125tag:blogger.com,1999:blog-4228304533986675933.post-49842381395120387192015-03-04T15:55:00.001-08:002015-03-04T15:55:13.546-08:00Visual: more coded pages<div class="separator" style="clear: both; text-align: center;">
</div>
Began incorporating the new style guide to the coded pages:<br />
<a href="http://forsevendays.us/test02" target="_blank"><b>http://forsevendays.us/test02</b> </a>| <b>username</b>: lizlemon | <b>password</b>: lemonliz<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3waSXf5nKlfCHMxFy5r3ncEmGyRQ8yFOOREE6rbyYCPHWg81EFXxM_S_tPt8ZyYkO20b23XximFayO2XuuqExbJWCbhqJfWQm_-WhmssucC7GW4acbe-D5-8EwerClxGy6O8oCqFQr9q7/s1600/Screen+Shot+2015-03-04+at+3.40.41+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3waSXf5nKlfCHMxFy5r3ncEmGyRQ8yFOOREE6rbyYCPHWg81EFXxM_S_tPt8ZyYkO20b23XximFayO2XuuqExbJWCbhqJfWQm_-WhmssucC7GW4acbe-D5-8EwerClxGy6O8oCqFQr9q7/s1600/Screen+Shot+2015-03-04+at+3.40.41+PM.png" width="760px" /></a></div>
<div class="separator" separator="" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYAJGBWyiEuvSMaGrW_mM96-6NBTk1Fh3ZucjvVJHfTy0rpylk_tKcvEVjPf9H2F5KggkepJYvaXkFlPLhmynbcWm3LwANnFHN8U6erSMtAhB65WoZUSR9QLB7G8_0cSVXsmoqWmeHvPs/s1600/Screen+Shot+2015-03-04+at+3.45.03+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYAJGBWyiEuvSMaGrW_mM96-6NBTk1Fh3ZucjvVJHfTy0rpylk_tKcvEVjPf9H2F5KggkepJYvaXkFlPLhmynbcWm3LwANnFHN8U6erSMtAhB65WoZUSR9QLB7G8_0cSVXsmoqWmeHvPs/s1600/Screen+Shot+2015-03-04+at+3.45.03+PM.png" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQawB85qzZ55YedFnzLS2iiX3eZXdBFN_oZUeJ-e4i8pbjy3XNWzQskPh61m0Oktq9g1D8AjsurkMraF5ERDDgZQPuhV9pIOpCyz-YgcTW2d0zgGfpbHDt7UjIEhcBWoERlRLL6e7EPZ4V/s1600/Screen+Shot+2015-03-04+at+3.45.37+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQawB85qzZ55YedFnzLS2iiX3eZXdBFN_oZUeJ-e4i8pbjy3XNWzQskPh61m0Oktq9g1D8AjsurkMraF5ERDDgZQPuhV9pIOpCyz-YgcTW2d0zgGfpbHDt7UjIEhcBWoERlRLL6e7EPZ4V/s1600/Screen+Shot+2015-03-04+at+3.45.37+PM.png" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWxsWhfbMYdQ1ZEJrKXfOfvkBA-Vwhoca-hVGQoJCPlzxlJdlk8nus5vVn8yRneekoyMTJYnpE0g9ThN2Jv_4LDq-3hc3DDamfy-UTFfES7vMUs29iyTZoubqwmqjT_8NL1xrebH4GV6j/s1600/Screen+Shot+2015-03-04+at+3.45.48+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWxsWhfbMYdQ1ZEJrKXfOfvkBA-Vwhoca-hVGQoJCPlzxlJdlk8nus5vVn8yRneekoyMTJYnpE0g9ThN2Jv_4LDq-3hc3DDamfy-UTFfES7vMUs29iyTZoubqwmqjT_8NL1xrebH4GV6j/s1600/Screen+Shot+2015-03-04+at+3.45.48+PM.png" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKt2TLlnzfWoebOVqn36DFFSEkuMiQszN3fKVkXnvuiLo-puzen21HQ7CY9_WFfnJ2ZniRyccjIPrnSz4AIvjbirU8t8l2E04XVoiB8x9RiPZgHLtDFE9XWS8iyCdJ3JY613qQeyjKuVw/s1600/Screen+Shot+2015-03-04+at+3.46.06+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKt2TLlnzfWoebOVqn36DFFSEkuMiQszN3fKVkXnvuiLo-puzen21HQ7CY9_WFfnJ2ZniRyccjIPrnSz4AIvjbirU8t8l2E04XVoiB8x9RiPZgHLtDFE9XWS8iyCdJ3JY613qQeyjKuVw/s1600/Screen+Shot+2015-03-04+at+3.46.06+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpT_41-N0hT3HRe24bXpr-9quoOWNb0Hck-rOVzX_J9jHbOCwZjstv34D4RfDBgwrIqC-Jx3Xvgb7Oq6FRYJN0XhJhWEDjDnScywuUzIoC54skEiFwevF1-uI0Hpgg9X8ER6LXbWdqCq3I/s1600/Screen+Shot+2015-02-23+at+4.22.23+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpT_41-N0hT3HRe24bXpr-9quoOWNb0Hck-rOVzX_J9jHbOCwZjstv34D4RfDBgwrIqC-Jx3Xvgb7Oq6FRYJN0XhJhWEDjDnScywuUzIoC54skEiFwevF1-uI0Hpgg9X8ER6LXbWdqCq3I/s1600/Screen+Shot+2015-02-23+at+4.22.23+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com1tag:blogger.com,1999:blog-4228304533986675933.post-47652008914633614592015-02-23T16:27:00.001-08:002015-02-23T16:27:46.647-08:00Visual: New Style Guide<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZYEz8VCbJ_dcS_j5WyuoS1aOzrZXm1poSIW0o2lNFMCP4CQdWl0f5T6J5DflzsijeZ0amNyDmGEyAbNksAjiOBBIAgFHj-rAGH-Bc6-9Ohtvy78c1soEui4uUPvwvuBF-p8dUos5OPgkv/s1600/ForSevenDays_StyleGuide_02-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZYEz8VCbJ_dcS_j5WyuoS1aOzrZXm1poSIW0o2lNFMCP4CQdWl0f5T6J5DflzsijeZ0amNyDmGEyAbNksAjiOBBIAgFHj-rAGH-Bc6-9Ohtvy78c1soEui4uUPvwvuBF-p8dUos5OPgkv/s1600/ForSevenDays_StyleGuide_02-01.jpg" width="760px"/></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidHR4x4eQ9SaoacYq7Z8Ws1pYLhdZYmKOHSlA13-4SzvKC8IIP6oU4KrSlNQFP4FgoIh_AXft0TpJjdxANSWPRwGOvV7o4Xi-ir8rzEjxo0gnKD3IyaghEdoDE3XKu2J5uZZLxxWTNu48z/s1600/ForSevenDays_StyleGuide_02-02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidHR4x4eQ9SaoacYq7Z8Ws1pYLhdZYmKOHSlA13-4SzvKC8IIP6oU4KrSlNQFP4FgoIh_AXft0TpJjdxANSWPRwGOvV7o4Xi-ir8rzEjxo0gnKD3IyaghEdoDE3XKu2J5uZZLxxWTNu48z/s1600/ForSevenDays_StyleGuide_02-02.jpg" width="760px"/></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyBCIO8ZfAaGENGWC4PnhEi44YfZ4OLr26dVAQj2dAwLlsYGXkwe17NFv2_63sA4qPhx6AQY1LtPAd_eYtm9eRUh5vrgALEXnxUXzro-ZWpIR5zoZG1sk7FTXChYWk-e7ys9Ve0Vxg6sO/s1600/ForSevenDays_StyleGuide_02-03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyBCIO8ZfAaGENGWC4PnhEi44YfZ4OLr26dVAQj2dAwLlsYGXkwe17NFv2_63sA4qPhx6AQY1LtPAd_eYtm9eRUh5vrgALEXnxUXzro-ZWpIR5zoZG1sk7FTXChYWk-e7ys9Ve0Vxg6sO/s1600/ForSevenDays_StyleGuide_02-03.jpg" width="760px"/></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOW_huAPFG9__rfwSLt6VZ4pf1JoPR6QLPrRQ_BywVx3XQoAALE0wH4pDAD1d3rwAK4tmaNRR8evRyF2R19hT9YH7FDwQx9MbH6uGV_P7orbcYPo6MI2kIheKbDLB6qXLMZuvu5V6DcKIu/s1600/ForSevenDays_StyleGuide_02-04.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOW_huAPFG9__rfwSLt6VZ4pf1JoPR6QLPrRQ_BywVx3XQoAALE0wH4pDAD1d3rwAK4tmaNRR8evRyF2R19hT9YH7FDwQx9MbH6uGV_P7orbcYPo6MI2kIheKbDLB6qXLMZuvu5V6DcKIu/s1600/ForSevenDays_StyleGuide_02-04.jpg" width="760px"/></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRFrkI-_-NJ6jq65RsF5fDiuRSdXWu78qHMHygW3VtOcOkf4lrEJcyVxyHJNyX4mvmIRvgJnTICRZW8pLLlFVbwQ_Oj981Amqk3Y1fP7ECBdpggDLnGRRId2kySJUDNZHe-VL5nxAkugD/s1600/ForSevenDays_StyleGuide_02-05.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRFrkI-_-NJ6jq65RsF5fDiuRSdXWu78qHMHygW3VtOcOkf4lrEJcyVxyHJNyX4mvmIRvgJnTICRZW8pLLlFVbwQ_Oj981Amqk3Y1fP7ECBdpggDLnGRRId2kySJUDNZHe-VL5nxAkugD/s1600/ForSevenDays_StyleGuide_02-05.jpg" width="760px"/></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgvqRsXDm7pYrStocZvXtY2hr1a0U4VRCMi8_4-Fn-YEa_QJoIAsBGR9WRMvg3ltSF1vcGJdiA0zcxcNzgaBuk5fd2cHOeoCQuB3753FJGT_LFapaTiszrELlmmiKiPIrVrRaZdM4unYp/s1600/ForSevenDays_StyleGuide_02-06.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgvqRsXDm7pYrStocZvXtY2hr1a0U4VRCMi8_4-Fn-YEa_QJoIAsBGR9WRMvg3ltSF1vcGJdiA0zcxcNzgaBuk5fd2cHOeoCQuB3753FJGT_LFapaTiszrELlmmiKiPIrVrRaZdM4unYp/s1600/ForSevenDays_StyleGuide_02-06.jpg" width="760px"/></a></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-82892274273469286432015-02-03T23:29:00.000-08:002015-02-03T23:29:05.167-08:00Visual Design: Main Pages Redesigned<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwgV7mlY57bHrYVOEjMj8ZJ0feqdq9YMogJ55lTsspa7T8S1F6gyLXkyUhoU4ASUI8pAJTtuxFn3devv2gcTV9A2an_uRFiHhuP7kSYn3BH1PZArPJeS8LznDcgNMQsv1927IhNST2yiB/s1600/HighFi_Wireframes_Final_01-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwgV7mlY57bHrYVOEjMj8ZJ0feqdq9YMogJ55lTsspa7T8S1F6gyLXkyUhoU4ASUI8pAJTtuxFn3devv2gcTV9A2an_uRFiHhuP7kSYn3BH1PZArPJeS8LznDcgNMQsv1927IhNST2yiB/s1600/HighFi_Wireframes_Final_01-01.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGlQS3xosfQF1OnrV13fWMb8wyUFaOI__daELzVdkx_LV10FTWrqPvRuQGSwJ6niUIX09aJ84hVHYtrTTkB2tGdNmoE4EmsO1Gawv8ouAUU-7HOxbfWKnhFrPSUyQvWTjh0QxmTWN0hos/s1600/HighFi_Wireframes_Final_01-02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGlQS3xosfQF1OnrV13fWMb8wyUFaOI__daELzVdkx_LV10FTWrqPvRuQGSwJ6niUIX09aJ84hVHYtrTTkB2tGdNmoE4EmsO1Gawv8ouAUU-7HOxbfWKnhFrPSUyQvWTjh0QxmTWN0hos/s1600/HighFi_Wireframes_Final_01-02.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mVJAoCYKZ2YT_lhhl30vSZony2ZT9mema4F4zp56XzJkApVhiDVquREiEY4phKuP1_RMx2rx1oyRAR_eVfEc3LH14cgLz7nX-1RLQzWpkKlSw7TT9E28wOmpYS5VwbH7NrbyilkM9d_O/s1600/HighFi_Wireframes_Final_01-03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mVJAoCYKZ2YT_lhhl30vSZony2ZT9mema4F4zp56XzJkApVhiDVquREiEY4phKuP1_RMx2rx1oyRAR_eVfEc3LH14cgLz7nX-1RLQzWpkKlSw7TT9E28wOmpYS5VwbH7NrbyilkM9d_O/s1600/HighFi_Wireframes_Final_01-03.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbsjoWTn7aXBzhX7kMX1tCta07fudTQB6nCs_tnfIha_FjvPFjk98NAI9d4C9JmJBGTp3Lnvx7j6davupMrKsoPhYCxxNkK0n49X14IGbXVV0KnIwgjvE5DApGWyaJEnUtkZaVtudsBeM/s1600/HighFi_Wireframes_Final_01-04.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbsjoWTn7aXBzhX7kMX1tCta07fudTQB6nCs_tnfIha_FjvPFjk98NAI9d4C9JmJBGTp3Lnvx7j6davupMrKsoPhYCxxNkK0n49X14IGbXVV0KnIwgjvE5DApGWyaJEnUtkZaVtudsBeM/s1600/HighFi_Wireframes_Final_01-04.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbLtvj1EazAK9wx8H2sGxP8kGZ0tIeY99tHMCyUOLM6tWDTCue_h8El4voXUoB4WjRXvJRP_2Nd5MfaSKYH-kErvfKZDmdlI8_Zq3Bg3j_HclYEmXd2EHTIDqrM-cYEuVlIKO387JxeqX/s1600/HighFi_Wireframes_Final_01-06.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbLtvj1EazAK9wx8H2sGxP8kGZ0tIeY99tHMCyUOLM6tWDTCue_h8El4voXUoB4WjRXvJRP_2Nd5MfaSKYH-kErvfKZDmdlI8_Zq3Bg3j_HclYEmXd2EHTIDqrM-cYEuVlIKO387JxeqX/s1600/HighFi_Wireframes_Final_01-06.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOSvtp1MR2316bFa4dJGLSIyJRPvb6r-xhHO8krWHCm3VYcGDvux79o6bJ6FVOn5HH2eGbkHs6eXAfi0NnWuYf9lHolU2LVKCMhMVL-Zq1VmB6HkrSNaqI3zGVxHX4-RsZQy8XZF9c06P/s1600/HighFi_Wireframes_Final_01-07.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOSvtp1MR2316bFa4dJGLSIyJRPvb6r-xhHO8krWHCm3VYcGDvux79o6bJ6FVOn5HH2eGbkHs6eXAfi0NnWuYf9lHolU2LVKCMhMVL-Zq1VmB6HkrSNaqI3zGVxHX4-RsZQy8XZF9c06P/s1600/HighFi_Wireframes_Final_01-07.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwssRpmCNhCVD2542kZvWihXfy1aFhQASf6GEyJ6O_2_Nf41CoB9JnKSndGvb0hG8dBaUUCNMlXarQMEuIk2hEmkHMQbq7rPustuuMd8uvJQLiSEwsVFaEldJygYOxcz8CcImQMQb0F3Cj/s1600/HighFi_Wireframes_Final_01-08.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwssRpmCNhCVD2542kZvWihXfy1aFhQASf6GEyJ6O_2_Nf41CoB9JnKSndGvb0hG8dBaUUCNMlXarQMEuIk2hEmkHMQbq7rPustuuMd8uvJQLiSEwsVFaEldJygYOxcz8CcImQMQb0F3Cj/s1600/HighFi_Wireframes_Final_01-08.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZcc-2lP_1L_FfOgx3KIrhoIVrBb792KempQ-bADT-YcR6Q5PT_-bdoS_bI5w_M2Sbg0hgqo70JSFhCYmpxLezUE3lnuWEjwDkHAGeJcPOkbNC9MRJKiRdE8WgJwEcTgb4V0Ux2esRlNg/s1600/HighFi_Wireframes_Final_01-09.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZcc-2lP_1L_FfOgx3KIrhoIVrBb792KempQ-bADT-YcR6Q5PT_-bdoS_bI5w_M2Sbg0hgqo70JSFhCYmpxLezUE3lnuWEjwDkHAGeJcPOkbNC9MRJKiRdE8WgJwEcTgb4V0Ux2esRlNg/s1600/HighFi_Wireframes_Final_01-09.jpg" width="760px" /></a></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-61536169166682137182015-01-30T12:31:00.001-08:002015-01-30T12:31:40.345-08:00Visual Design: Final Semester To-Do List<b>Final Deliverables:</b><br />
<ul>
<li>For Seven Days Style Guide which includes identity guideline, color palette, typefaces, templates for main pages</li>
<li>All the pages designed and coded</li>
<li>For Seven Days - Thesis Book</li>
<li>For Seven Days - Keynote </li>
<li>For Seven Days - Proof Of Concept Video</li>
</ul>
<b><br /></b>
<b>Week 01</b><br />
<ul>
<li>Introducing thesis project to class</li>
<li>Make a 15-weeks plan for the rest of the semester</li>
</ul>
<b>Week 02</b><br />
<ul>
<li>Create For Seven Days Style Guide</li>
</ul>
<b>Week 03</b><br />
<ul>
<li>Redesign Homepage - move all the sign-up / sign-in to one section, have "featured" challenges on the homepage, introduction on how to use the site (put POC video on it? Have a step by step guide?)</li>
</ul>
<b>Week 04</b><br />
<ul>
<li>Redesign Categories & Challenges pages - combine them both together and maybe use a filtering system for each category</li>
</ul>
<b>Week 05</b><br />
<ul>
<li>Redesign User Dashboard - have all the "check-in" related tasks on the left, have filtering system for the newsfeed where user is given option to view stories shared by his/her friends or stories shared by people who're taking the same challenge as him/her. </li>
</ul>
<b>Week 06</b><br />
<ul>
<li>Design new feature where users are allowed to start a private challenge together with their own friends</li>
</ul>
<b>Week 07</b><br />
<ul>
<li>Finalise all the main pages, do several user testing on Invision and revise</li>
</ul>
<b>Week 08</b><br />
<ul>
<li>Start working on Proof of Concept video</li>
</ul>
<b>Week 09</b><br />
<ul>
<li>Finalise Proof of Concept video</li>
<li>Start working on Keynote slides</li>
</ul>
<b>Week 10</b><br />
<ul>
<li>Finalise Keynote slides</li>
<li>Prepare speech for Final Presentation</li>
</ul>
<b>Week 11</b><br />
<ul>
<li>Final Thesis Book!!</li>
<li>Compiling GDS journal for ALL GDS classes</li>
</ul>
<b>Week 12</b><br />
<ul>
<li>Assuming I'm presenting this week.. if not.. continue working on preparing for Final Presentation</li>
</ul>
<b>Week 13</b><br />
<ul>
<li>Assuming I'm presenting this week.. if not.. continue working on preparing for Final Presentation</li>
</ul>
<b>Week 14</b><br />
<ul>
<li>Assuming I'm presenting this week.. if not.. continue working on preparing for Final Presentation</li>
</ul>
<b>Week 15</b><br />
<ul>
<li>Party and crying time cos school is officially over! </li>
</ul>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-10831967539780562712015-01-27T19:48:00.001-08:002015-02-17T13:11:51.704-08:00Responsive 02 & CMS : Final Semester To-Do List<div class="p1">
<b>Week 1 - 3</b><br />
<ul>
<li>Have all tables for database mapped out – users, check-in, challenges, stories (posts) and then build them on MYSQL</li>
<li>Create a new homepage! </li>
<li><b>DELIVERABLES</b>: Homepage, Database Tables on MYSQL</li>
</ul>
<b>Week 4 - 6</b></div>
<div class="p1">
<ul>
<li>Get the Challenge page coded where users are allowed to share stories on it with working database (PHP & MYSQL)</li>
<li><b>DELIVERABLES</b>: Explore page</li>
</ul>
<b>Week 7 - 9</b></div>
<div class="p1">
<ul>
<li>Get the Profile Page and Dashboard coded with working database (PHP & MYSQL)</li>
<li>Users are able to check-in for seven days (PHP & MYSQL)</li>
<li><b>DELIVERABLES</b>: Dashboard, Profile, Check-In system is working</li>
</ul>
<b>Week 10 - 12</b></div>
<div class="p1">
<ul>
<li>Finalise all the pages and do several user testing to make sure all the important pages (features) are working properly</li>
<li><b>DELIVERABLES</b>: All pages coded and are fully functional</li>
</ul>
<b>Week 12 - 15</b></div>
<div class="p1">
<ul>
<li>Getting ready for Final Presentation</li>
</ul>
Latest visual prototype on Invision can be seen [<a href="https://projects.invisionapp.com/share/PJ1S5738Z" target="_blank">here</a>].</div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-23991475371775068852014-12-17T13:15:00.003-08:002014-12-17T13:15:46.889-08:00Responsive: Final<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8Po66jfXpO5-aAr03jzz4F3VlTpGCtQOdnfBOfmzTcLyJ10j0NtATnQ5VeBsBYuITjO-W-ams2CpfbC7lwoHvZ8kRNY6owBl9ryzlq1rOuvdSnABFQTasHt9zXrZzcw0tCtgd1wK2cE1/s1600/Screen+Shot+2014-12-17+at+12.25.25+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8Po66jfXpO5-aAr03jzz4F3VlTpGCtQOdnfBOfmzTcLyJ10j0NtATnQ5VeBsBYuITjO-W-ams2CpfbC7lwoHvZ8kRNY6owBl9ryzlq1rOuvdSnABFQTasHt9zXrZzcw0tCtgd1wK2cE1/s1600/Screen+Shot+2014-12-17+at+12.25.25+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy23qsx6ECWE0oC1C-CnE5DHCcTu28L4i3ecH1vY6Beyaet5v7x-GpvBa_z4CPmCvDtDjJ29TofXOZnAG-F3GwqavdrwOZQVQ6LKWOZcNmvpZTiG-pVvPkens6xKJCGiylzHId4yF6qYjC/s1600/Screen+Shot+2014-12-17+at+1.12.49+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy23qsx6ECWE0oC1C-CnE5DHCcTu28L4i3ecH1vY6Beyaet5v7x-GpvBa_z4CPmCvDtDjJ29TofXOZnAG-F3GwqavdrwOZQVQ6LKWOZcNmvpZTiG-pVvPkens6xKJCGiylzHId4yF6qYjC/s1600/Screen+Shot+2014-12-17+at+1.12.49+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEX9sIyADTOSbUtNbrYwiJQPgi9vlxEBAcs1dsk7o48m2jjvVT7rSwl6dm_G0DoCD-epBCG9RJ4mZNRMiwgNWlfeKHjK_QhlzDUeYoQXZqn4AHJUCNuPy89GakLQSGmqEZjgKVdW5fW0JT/s1600/Screen+Shot+2014-12-17+at+1.13.04+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEX9sIyADTOSbUtNbrYwiJQPgi9vlxEBAcs1dsk7o48m2jjvVT7rSwl6dm_G0DoCD-epBCG9RJ4mZNRMiwgNWlfeKHjK_QhlzDUeYoQXZqn4AHJUCNuPy89GakLQSGmqEZjgKVdW5fW0JT/s1600/Screen+Shot+2014-12-17+at+1.13.04+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi356YmaHSlFw5yBcpiSGCmqYYp7sJSPC-G47Z0R4fNku8q5mL5kO84x35au1-hnEa8UE3PhRWWl3nQmHjEniEQZG1wVUPLwKUi_m_aTEbjLSBLryIoeH7LhhPWbLEDUz1Hnb-jGDOqJjVw/s1600/Screen+Shot+2014-12-17+at+1.13.11+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi356YmaHSlFw5yBcpiSGCmqYYp7sJSPC-G47Z0R4fNku8q5mL5kO84x35au1-hnEa8UE3PhRWWl3nQmHjEniEQZG1wVUPLwKUi_m_aTEbjLSBLryIoeH7LhhPWbLEDUz1Hnb-jGDOqJjVw/s1600/Screen+Shot+2014-12-17+at+1.13.11+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>What's working:</b><br />
• Sign-in / Sign-up / Sign out<br />
• Take challenge (and store in MySQL database)<br />
• Checkin (and store in MySQL database)<br />
<br />
<b>Next issues to tackle:</b><br />
• Have unique user profile URL<br />
• Checkin FOR SEVEN DAYS<br />
• Have whatever stories/posts shared by users to be posted on challenge page<br />
• Adding friendsnameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-75061413112983768362014-11-17T00:17:00.003-08:002014-11-17T00:19:02.415-08:00UX: Wireframes & User Testing Result <div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<b>Paper Prototype User Testing Results:</b></div>
<div style="text-align: left;">
• Change the word “Challenges” to “Explore” - The reason being users keep on clicking on “Challenges” every time there’s a challenge-related task (which basically is all tasks). </div>
<div style="text-align: left;">
• Users find it hard to “check in” - Again, they keep coming back to “Challenges” page.</div>
<div style="text-align: left;">
• Set the homepage to dashboard after they’re signed in.</div>
<div style="text-align: left;">
• Have the icons on the check-board to be clickable - Tyler suggested to have the posts on each day be shown when it’s clicked.</div>
<div style="text-align: left;">
• Have animated progression on the check-board - The bold line on the shape seems to confuse users. • Have the daily check-board on the dashboard too.</div>
<div style="text-align: left;">
• Have the option to “check in” on both the challenge page and profile page.</div>
<div style="text-align: left;">
• Have the option to post something on both the challenge page and profile page.</div>
<div style="text-align: left;">
• Have “view previous achievements” on both dashboard and profile page.</div>
<div style="text-align: left;">
• After notification appears, immediately shows the pop-up box or have a button for user to click on. • • “Have you done it today?” changes to “Did you finish your challenge today?” and replace the “+” sign with “Post something”.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
<b>Digital Prototype User Testing Results:</b></div>
<div>
• Trouble finding “posts/stories by others” on the Challenge page.</div>
<div>
• Put the “posts/stories” first instead of “challengers”. </div>
<div>
• After the user is taking the challenge, when they go to that Challenge page, the first thing they see should be the posts/stories instead and remove the “Take this challenge” button </div>
<div>
• “Sign-up” button is way too far</div>
<div>
• Users don’t know where they are on the page. Highlight it and make it NOT clickable.</div>
<div>
• Users don’t know that they can only take one challenge at a time - Have a page on “How to use this site”??? </div>
<div>
• User clicks on the icons on the header (??) instead of the buttons down there. Maybe remove the icons on the header and have the buttons below. </div>
<div>
• The font (Abril Fatface) is too dominating and they’re indicating different things (types of messages) on different pages - Homepage, Dashboard, Profile, Challenges. On some page it’s “promotion” - on some page it’s the challenge. “You’re over-designing it.” - Tim Johnson.</div>
<div>
<br /></div>
<div>
<b>Here are the links to my wireframes for paper prototype testing:</b></div>
<div>
<a href="http://nameisirene.com/gds/F7D_Wireframe_01.pdf" target="_blank">Wireframes 01</a> | <a href="http://nameisirene.com/gds/F7D_Wireframe_02.pdf" target="_blank">Wireframes 02</a> | <a href="http://nameisirene.com/gds/F7D_Wireframe_03.pdf" target="_blank">Wireframes 03</a></div>
<div>
<br /></div>
<div>
To give you a better understanding of the results from the UX testing, here are some of the visible changes made on a couple of main pages: </div>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstcCanCZUj6HmrbZ7rmy1cpF2rqqDVzPmt-55tntXCnn8pEc9YEZ99xTZvTViLZ5PxMHj22dBmazeEG7t6QtAOiXvgLWC-2m9CwdUlXSgk5-tVcxEFbNz30hrxR1A5pRljmww_dIoPKZu/s1600/UX_Testing_Result-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstcCanCZUj6HmrbZ7rmy1cpF2rqqDVzPmt-55tntXCnn8pEc9YEZ99xTZvTViLZ5PxMHj22dBmazeEG7t6QtAOiXvgLWC-2m9CwdUlXSgk5-tVcxEFbNz30hrxR1A5pRljmww_dIoPKZu/s1600/UX_Testing_Result-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstcCanCZUj6HmrbZ7rmy1cpF2rqqDVzPmt-55tntXCnn8pEc9YEZ99xTZvTViLZ5PxMHj22dBmazeEG7t6QtAOiXvgLWC-2m9CwdUlXSgk5-tVcxEFbNz30hrxR1A5pRljmww_dIoPKZu/s1600/UX_Testing_Result-01.jpg" width="760px" /></a><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQADPqHVtosWmEIgqT9qR3b3PAec6xZUrTcUqn0JjPO49-mfOdeC_SEsAXh2lIaHA7WtG0nzZqz0CpuvRVRJDh1ByYFqn6iCOoIchSoC3bOemR4V9KM7UtWRzZOfZ5LWXrtBL7n2fQ5Y0Z/s1600/UX_Testing_Result-02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQADPqHVtosWmEIgqT9qR3b3PAec6xZUrTcUqn0JjPO49-mfOdeC_SEsAXh2lIaHA7WtG0nzZqz0CpuvRVRJDh1ByYFqn6iCOoIchSoC3bOemR4V9KM7UtWRzZOfZ5LWXrtBL7n2fQ5Y0Z/s1600/UX_Testing_Result-02.jpg" width="760px" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElCnN7cRAenxUT2AYKzdsc1in7x9IPfjh9PhMHg3gp5JVH-sXn4uH1fe6kSj-TmEzhUYfVwNfQ0FeAF07hxCzAsSG5BtJM90Q1idZXLBGN4kBKAz_UgpsQabzhd7W8EsLsr21ballWmV1/s1600/UX_Testing_Result-03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElCnN7cRAenxUT2AYKzdsc1in7x9IPfjh9PhMHg3gp5JVH-sXn4uH1fe6kSj-TmEzhUYfVwNfQ0FeAF07hxCzAsSG5BtJM90Q1idZXLBGN4kBKAz_UgpsQabzhd7W8EsLsr21ballWmV1/s1600/UX_Testing_Result-03.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMARZT4RPOB0cOvrKqBsqundnJLxQwKwmxjKBtoYRSrg4SHAVj2teZtR-ovWRaCW9zxqjj1Rl7zx_4leJhiYAm3k5JjBV4NrzB24vBscYhALB6YrwujjnaAR9hQsmwydNavsnCZY5Ge90m/s1600/UX_Testing_Result-04.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMARZT4RPOB0cOvrKqBsqundnJLxQwKwmxjKBtoYRSrg4SHAVj2teZtR-ovWRaCW9zxqjj1Rl7zx_4leJhiYAm3k5JjBV4NrzB24vBscYhALB6YrwujjnaAR9hQsmwydNavsnCZY5Ge90m/s1600/UX_Testing_Result-04.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtAhhA0za1-GaLci-JHqGK5xj0afFXFNLzNOMN7NhXzZ5OYv9SLCdbGdjYM2v5fTBL3UNQ23FSneUYpkB2_oVj5nDYq5I-KPpETlnUm2DXxA4zSBp6f1jeL5-3E4rYMC1RtvTCZrXMnIpf/s1600/UX_Testing_Result-05.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtAhhA0za1-GaLci-JHqGK5xj0afFXFNLzNOMN7NhXzZ5OYv9SLCdbGdjYM2v5fTBL3UNQ23FSneUYpkB2_oVj5nDYq5I-KPpETlnUm2DXxA4zSBp6f1jeL5-3E4rYMC1RtvTCZrXMnIpf/s1600/UX_Testing_Result-05.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdaJ-XMpzpH6Oez42Bb0J4Km9n1BLuX-9E4QBMOSSXyPAAa2YYTUsy6ZY-HbnLhTOWosk79Au8f7nzG1tPG4_VwO-dk6D2Z25IZ1gL4TB3aMwfwfJUW2nCdWrRxyAk73NlPPh77wnYzNy9/s1600/UX_Testing_Result-06.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdaJ-XMpzpH6Oez42Bb0J4Km9n1BLuX-9E4QBMOSSXyPAAa2YYTUsy6ZY-HbnLhTOWosk79Au8f7nzG1tPG4_VwO-dk6D2Z25IZ1gL4TB3aMwfwfJUW2nCdWrRxyAk73NlPPh77wnYzNy9/s1600/UX_Testing_Result-06.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_sxsGnqkBGL6Bq0pBcFEPM5PxiSpBuD6BPSQmDJfdeMgucw0TlBPNH9Y0fg19Pw0-6ay2RXJRIu3e93cxqQaAp1adUHON2YrjSYG6u7iDTQRoBYKv5AAzqmJtF-TSMm7SDpkyYVNEZa4/s1600/UX_Testing_Result-07.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_sxsGnqkBGL6Bq0pBcFEPM5PxiSpBuD6BPSQmDJfdeMgucw0TlBPNH9Y0fg19Pw0-6ay2RXJRIu3e93cxqQaAp1adUHON2YrjSYG6u7iDTQRoBYKv5AAzqmJtF-TSMm7SDpkyYVNEZa4/s1600/UX_Testing_Result-07.jpg" width="760px" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFAjhcBC8dRGr4lgnwy5GzzupC4a7KKV49SSd_mRvKHR8R7VhrGOApaqj5GEJSsibD8X1eUxjnlClEshCivCe1eKs0DS1wrXJS08_OYFglqWvFAD8ZN4sqSF_WfqGqBM3XSCLNg-0sGq51/s1600/UX_Testing_Result-08.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFAjhcBC8dRGr4lgnwy5GzzupC4a7KKV49SSd_mRvKHR8R7VhrGOApaqj5GEJSsibD8X1eUxjnlClEshCivCe1eKs0DS1wrXJS08_OYFglqWvFAD8ZN4sqSF_WfqGqBM3XSCLNg-0sGq51/s1600/UX_Testing_Result-08.jpg" width="760px" /></a></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-56632663674700635422014-11-10T23:50:00.001-08:002014-11-10T23:50:38.180-08:00UX: Content Map<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeuecCTZw2Je2Or7B-qzk-1vyXnNm94Huh-L_7e03IiZeyt7aEfn9FUEPSKgqFfUir7qdazVMF01VNFyBSlSeJOXeWopTZJZAl42vOuaDWySrzdd1i_6IU37ysKirP06uTgso4xfkTGVi/s1600/Screen+Shot+2014-11-10+at+11.49.22+pm.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeuecCTZw2Je2Or7B-qzk-1vyXnNm94Huh-L_7e03IiZeyt7aEfn9FUEPSKgqFfUir7qdazVMF01VNFyBSlSeJOXeWopTZJZAl42vOuaDWySrzdd1i_6IU37ysKirP06uTgso4xfkTGVi/s1600/Screen+Shot+2014-11-10+at+11.49.22+pm.png" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(Click for bigger resolution)</td></tr>
</tbody></table>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-20550899668541348352014-11-10T23:48:00.002-08:002014-11-14T00:52:16.449-08:00UX: Personas + Use Case Scenarios<b style="background-color: yellow;">Use Case Scenarios: </b><br />
01. Take a challenge<br />
02. check in<br />
03. challenge a friend<br />
04. remind the friend to do the challenge<br />
05. post something about the challenge<br />
06. suggest a new challenge<br />
<br />
<b style="background-color: yellow;">(Refined) Personas: </b><br />
<b>Leslie Knope</b> - <i>The restless grad student who really just wants to ‘move it move it’</i><br />
Leslie is a grad student at Academy of Art University who’s trying to balance her life between doing homework, interning and socializing with her friends on a daily basis. Just like many other women in their mid twenties, “exercise more” has always been on her new year’s resolutions almost every year. She has a gym membership that she uses as a mental reminder that maybe one day, ONE DAY she’ll have time to put on those pants and actually go to the gym. Sadly, that almost never happened. Between school, work and social life, there just isn’t any time left to go to that zumba class on Thursday night that she’s been eyeing on since forever. She needs to find an alternative way to get herself to move even for just a brief 15 minutes every day.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-oJNvPvvVcZG3o7vfe-Wy9NTMfB1rtQeo8fwwpYmF7j-i61CCj8TGm-X1D_UDaOLxL7lLk7L972_Jq-LPInOhn7-kFuegvrW5B2BIOwad8RDIvFW0ASH9iXMOVz2cUFV90gUELCp4OvV/s1600/User+Task+Flows-01.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-oJNvPvvVcZG3o7vfe-Wy9NTMfB1rtQeo8fwwpYmF7j-i61CCj8TGm-X1D_UDaOLxL7lLk7L972_Jq-LPInOhn7-kFuegvrW5B2BIOwad8RDIvFW0ASH9iXMOVz2cUFV90gUELCp4OvV/s1600/User+Task+Flows-01.jpg" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(click for higher resolution)</td></tr>
</tbody></table>
<br />
<b>Chris Traeger</b> - <i>A caffeine junkie with no willpower</i><br />
Chris is the lead UX designer in Adobe Social San Francisco. The perks of working in Adobe is you have unlimited access to caffeine at work. They even have coffee tasting once every month where fancy coffee-shop owners will come by and provide them with free samples of their coffee. Basically, caffeine runs in the blood of every creatives and programmers that work for Adobe. Chris has been wanting to quit caffeine since forever and has always failed in doing so. Why? First, there’s an espresso machine right across his office, there’s one in the meeting room and another one in the pantry. Second, almost all of his coworkers in his department drink coffee and it’s humanly impossible not to have a cup when everyone is doing so. As the head of the department, he wants to challenge one of his coworkers to do caffeine detox for a couple of days and maybe make it into a little competition.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmgotCRwpTe8FUFuS2fv926D6SfmYOtV6_XS_l08xyq2w3Do806Y_BgQ709tghUPQx2l5qWPSJSWjfcQy_mHnPSueqAHj14P_GHAOdPe17pZdo8rgw8YJ779c40yByunYAz_aM9PJz0zY/s1600/User+Task+Flows-02.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmgotCRwpTe8FUFuS2fv926D6SfmYOtV6_XS_l08xyq2w3Do806Y_BgQ709tghUPQx2l5qWPSJSWjfcQy_mHnPSueqAHj14P_GHAOdPe17pZdo8rgw8YJ779c40yByunYAz_aM9PJz0zY/s1600/User+Task+Flows-02.jpg" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(click for higher resolution)</td></tr>
</tbody></table>
<br />
<br />
<b>Liz Lemon</b> - <i>The overachiever blogging mom </i><br />
Liz used to work as an art teacher at Riverdale High School, Portland but she quit her job when she was pregnant with her first child, Ann. She always knew that she doesn’t want to be just a mom. She feels like she can be both an awesome mom and an awesome ‘something’. She found out about blogging and started her own blog three years ago. Now, she gets to be at home with her daughter and works at the same time. Being a blogger has also made her kind of an “oversharer” on the Internet. She posts daily update about her life and her daughter on the blog and loves the responses that she always gets from her readers. All the “thumbs up” and comments that she’s been getting on the Internet boost her confidence and make her feel like she’s been doing a good job and SHE JUST LOVES IT. She feels that now is the good time to start learning how to code HTML/CSS so that she can start coding her own blog instead of using ugly templates from the Internet.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8OtBCqQglaSZRgay5xv1wouAPEMJYF1cUa15VR6hefDQXBuNJyebOiWYrNo0ZTXDzKl15r-24d9P_pDyYwHCsQBDAmFY39FkXM3lpq6kZbU8x6hhsBxoQzYYrmYQd0JaQq3PmeCQIWNs/s1600/User+Task+Flows-03.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8OtBCqQglaSZRgay5xv1wouAPEMJYF1cUa15VR6hefDQXBuNJyebOiWYrNo0ZTXDzKl15r-24d9P_pDyYwHCsQBDAmFY39FkXM3lpq6kZbU8x6hhsBxoQzYYrmYQd0JaQq3PmeCQIWNs/s1600/User+Task+Flows-03.jpg" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(click for higher resolution)</td></tr>
</tbody></table>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-21775695040017374362014-11-04T20:57:00.000-08:002014-11-04T21:04:50.629-08:00Responsive: More pages coming!<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiXY2co_VcpYfH1QK8jOxt_Zv_skaVPhMJJWq5Yo16sX3ByKc_8Lj6Z75XhSIg1nHi3ipKcpHfvvQb-BbJH8tkO-7NgfIp6lWNXJgzUtJQnXFtZnQOEHkz7AJ0omrFkSSCXn1kx_ifg3jy/s1600/Screen+Shot+2014-11-04+at+8.50.35+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiXY2co_VcpYfH1QK8jOxt_Zv_skaVPhMJJWq5Yo16sX3ByKc_8Lj6Z75XhSIg1nHi3ipKcpHfvvQb-BbJH8tkO-7NgfIp6lWNXJgzUtJQnXFtZnQOEHkz7AJ0omrFkSSCXn1kx_ifg3jy/s1600/Screen+Shot+2014-11-04+at+8.50.35+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkMkQ-LatXXCR3IXtho0LKXjEV_85GVKD5JLolkJrBx_CEo-MI3lmaduSRCRYV4cw47935G-o7L1rRW30S5t4paD3YHeAZ7Q_9Hf4vsmDbEK-OVXog-a88wEMX726OLqtNO5zf72FYbGp/s1600/Screen+Shot+2014-11-04+at+8.50.30+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkMkQ-LatXXCR3IXtho0LKXjEV_85GVKD5JLolkJrBx_CEo-MI3lmaduSRCRYV4cw47935G-o7L1rRW30S5t4paD3YHeAZ7Q_9Hf4vsmDbEK-OVXog-a88wEMX726OLqtNO5zf72FYbGp/s1600/Screen+Shot+2014-11-04+at+8.50.30+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFo7I8DW3HkLVN3MchbJygi8vpqawr4EyPb_ezLei2LkjDIcFp5yDoXYe87GSO_72P9-VRbZb5RAJxFDh8XLQOpKZXa8wcUs1PA-m_yxxDZkgI9y78dmXBLSU7kfU8msk-1HPDhAh0O06H/s1600/Screen+Shot+2014-11-04+at+8.09.02+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFo7I8DW3HkLVN3MchbJygi8vpqawr4EyPb_ezLei2LkjDIcFp5yDoXYe87GSO_72P9-VRbZb5RAJxFDh8XLQOpKZXa8wcUs1PA-m_yxxDZkgI9y78dmXBLSU7kfU8msk-1HPDhAh0O06H/s1600/Screen+Shot+2014-11-04+at+8.09.02+PM.png" width="760px" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Over the past few days I've been focusing more on building the site's interface rather than the backend part and I'm very pleased with what I have so far right now. Why can't coding be as fun as designing? <a href="http://forsevendays.us/test01/" target="_blank">Check it oot</a>!</div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-51498500150172121812014-11-01T20:09:00.002-07:002014-11-01T20:09:34.562-07:00UX: User Testing Recorded <iframe allowfullscreen="" frameborder="0" height="428" src="//www.youtube.com/embed/BvGO3C2yhms" width="760"></iframe>nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-75251805924750991772014-10-29T01:57:00.000-07:002014-10-29T01:57:41.955-07:00Responsive: Sketching my masterplan<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsnKUSAN0mv2IK-MFde5XWeHaxRZoT4RIrVqR1a6giT9QEvbiD7qi2nltMUN61zvbb5NizvkCYYvY5l9oFvzQaTZoWKLMEn7OPHoSvdwTA8uSP7wFPgp4O8m5h69aO-9N-UtDCjZD50VBy/s1600/IMG_6540.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsnKUSAN0mv2IK-MFde5XWeHaxRZoT4RIrVqR1a6giT9QEvbiD7qi2nltMUN61zvbb5NizvkCYYvY5l9oFvzQaTZoWKLMEn7OPHoSvdwTA8uSP7wFPgp4O8m5h69aO-9N-UtDCjZD50VBy/s1600/IMG_6540.JPG" width="760px"/></a></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-7550654974863954782014-10-20T22:21:00.003-07:002014-10-20T22:21:51.468-07:00UX: Key Personas<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;"><b>April Ludgate</b> - <i>The restless grad student </i></span></span><br />
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;">April is a web design student at Academy of Art University with a very messed-up sleeping schedule. She has classes 3 days a week and most of her classes are in the afternoon which resulted her waking up late almost on every weekday. On the days she has class, she gets home at about 9:00 PM and after a quick shower and an episode (or two) of whatever TV Show is on that day, she usually starts doing her homework at 11:00 PM. Most of her homework involves coding which means she can’t go to sleep before a site is fully coded (or a problem is being solved) because she knows that she’s gonna lose it if she stops halfway and continues doing it on the following day. She realizes that sleeping at almost 3:00 AM every night is not doing any good to her health and she really wants to change. She knows that if she can wake up at, say, 8:00 AM every morning, she still has plenty of time to finish her homework. </span></span><br />
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;"><br /></span></span>
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;"><b>Leslie Knope</b> - <i>The overachiever blogging mom </i></span></span><br />
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;">Leslie used to work as an art teacher at Riverdale High School, Portland but she quit her job when she was pregnant with her first child, Ann. She always knew that she doesn’t want to be just a mom. She feels like she can be both an awesome mom and an awesome ‘something’. She found out about blogging and started her own blog three years ago. Now, she gets to be at home with her daughter and works at the same time. She loves challenging herself with new things and she’s always on the lookout to try out new habits that will make her be a better mom / blogger. </span></span><br />
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;"><br /></span></span>
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;"><b>Chris Traeger</b> - <i>A caffeine junkie with no willpower </i></span></span><br />
<span style="font-family: Arial;"><span style="line-height: 14.9499998092651px; white-space: pre-wrap;">Frank is the lead UX designer in Adobe Social San Francisco. The perks of working in Adobe is you have unlimited access to caffeine at work. They even have coffee tasting once every month where fancy coffee-shop owners will come by and provide them with free samples of their coffee. Basically, caffeine runs in the blood of every creatives and programmers that work for Adobe. Frank has been wanting to quit caffeine since forever and has always failed in doing so. Why? First, there’s an espresso machine right across his office, there’s one in the meeting room and another one in the pantry. Second, almost all of his coworkers in his department drink coffee and it’s humanly impossible not to have a cup when everyone is doing so. As the head of the department, he wants to challenge his coworkers to do caffeine detox for a couple of days and maybe make it into a little competition.</span></span>nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-47684585329320543192014-10-14T17:02:00.004-07:002014-10-14T17:03:04.812-07:00Responsive: User Signup/Signin<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYswIGxNaNEyikUIlYtqyuFucYMvvAxFWSeKNXMplroMrlAIVd1a0XdgS1xpkPSePRFa0TDRsXUhMgqxSdxHVpiDDLygCRuWfuDUZ2Jb38GmzKAsDA66LlbgKXXFCPzkqOq6bTPeNj1pi/s1600/Screen+Shot+2014-10-14+at+5.00.10+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYswIGxNaNEyikUIlYtqyuFucYMvvAxFWSeKNXMplroMrlAIVd1a0XdgS1xpkPSePRFa0TDRsXUhMgqxSdxHVpiDDLygCRuWfuDUZ2Jb38GmzKAsDA66LlbgKXXFCPzkqOq6bTPeNj1pi/s1600/Screen+Shot+2014-10-14+at+5.00.10+PM.png" width="760px" /></a></div>
<div style="text-align: left;">
After a couple of trials and errors (following tutorials on Youtube), I've finally managed to find a tutorial that actually works! You <a href="http://forsevendays.us/test01/" target="_blank">can</a> now register an account AND sign-in! Biggest achievement so far. </div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-17268428128826187492014-10-13T15:07:00.004-07:002014-10-13T15:07:59.643-07:00UX: Site Map<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNwSsIpjKB_87ZiSbVR72UWx4Xiu-Y02U1_giA2xip_IAGkbVZg66ral8VIbqDMG3sV8JZnhaDY6gRq3JaP3archHKnF7gJvEpFHwy2sphlKu8HlP8bd_hC1uLJxq3nnAjNk-ooItXO2O/s1600/Information_Architecture-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNwSsIpjKB_87ZiSbVR72UWx4Xiu-Y02U1_giA2xip_IAGkbVZg66ral8VIbqDMG3sV8JZnhaDY6gRq3JaP3archHKnF7gJvEpFHwy2sphlKu8HlP8bd_hC1uLJxq3nnAjNk-ooItXO2O/s1600/Information_Architecture-01.jpg" width="760px"/></a></div>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-29380140522715189262014-10-01T22:46:00.003-07:002014-10-01T22:48:44.789-07:00Responsive: Facebook Login<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8PELGaUQvhy8gdoV-OGzg1YLEcuH9fftoH2ZxTsTcrwyF2stdLF_-iBTsk1KNJ4K8B5q5FGBRb-bBAheEP8qMASAWIcvYPwbF5dK2x3dQdAb0xavCGSMQ0Tns_vmDpuuaxiUfXFzeb4V/s1600/Screen+Shot+2014-10-01+at+10.42.07+pm.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8PELGaUQvhy8gdoV-OGzg1YLEcuH9fftoH2ZxTsTcrwyF2stdLF_-iBTsk1KNJ4K8B5q5FGBRb-bBAheEP8qMASAWIcvYPwbF5dK2x3dQdAb0xavCGSMQ0Tns_vmDpuuaxiUfXFzeb4V/s1600/Screen+Shot+2014-10-01+at+10.42.07+pm.png" width="760px" /></a></div>
<div style="text-align: left;">
This week, I finally got the Facebook Login thing to work! If you <a href="http://forsevendays.us/test01/" target="_blank">click</a> on "Via Facebook", you'll be able to log-in via your FB account and the site is able to pull out your name, email address and profile photo. How cool is that? My next step is to connect these accounts to the objects that they're storing into the site. I have no idea how to do that. If all else fails, I've found a great tutorial to build a user database using MySQL/PHP from scratch on <a href="https://www.youtube.com/watch?v=Wgbmgf84ZOo" target="_blank">Youtube</a>.<br />
<br />
Also, I'm putting Parse aside because it's way too advanced for a programming noob like me and I'm gonna go with MySQL/PHP for now.</div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-65503255056437977632014-09-26T23:36:00.001-07:002014-09-30T16:14:59.113-07:00Responsive: Bootstrap vs Foundation<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXL0k9XppS7Azy1JJhkmjNQbla-l3MB0zOasyGkRV7nACdOyI-YkAQyM7YvdSHgbyVgh5hWbZUgPOFq1A2JLGKDhrpO59Uxl7IzKVGAjQtFQA2aycemZd4bapMgsBUxj5N0KKVrrwnIbgM/s1600/Screen+Shot+2014-09-30+at+4.08.48+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXL0k9XppS7Azy1JJhkmjNQbla-l3MB0zOasyGkRV7nACdOyI-YkAQyM7YvdSHgbyVgh5hWbZUgPOFq1A2JLGKDhrpO59Uxl7IzKVGAjQtFQA2aycemZd4bapMgsBUxj5N0KKVrrwnIbgM/s1600/Screen+Shot+2014-09-30+at+4.08.48+PM.png" width="760px"/></a></div>
<br />
After a couple of days exploring <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>, I decided that it's better to go with Zurb's <a href="http://foundation.zurb.com/" target="_blank">Foundation</a> as my responsive framework. Bootstrap in general is a great framework for those who are familiar with SASS and I'm not. I had a lot of trouble trying to make it look less "Bootstrappy" and failed - so now I'm going with Foundation and have been loving it so far. First page is done. Next step: Parse!nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-284608730365913912014-09-26T22:59:00.001-07:002014-09-26T22:59:42.051-07:00UX: Experience Map<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdz5Wf3P2e2HpfMJwZyATfEZSAjZcqzzzZD6etsNXMic8usjHRJusMuyvZeAKvUpNpTuqUjKgpmAJcz2l3yV30IpP9umQlXuPZ6s5b2Fp_705uA2t0g8G-WdKKkZnM1QqH2IpeDuBPM6v/s1600/Experience_map-01.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdz5Wf3P2e2HpfMJwZyATfEZSAjZcqzzzZD6etsNXMic8usjHRJusMuyvZeAKvUpNpTuqUjKgpmAJcz2l3yV30IpP9umQlXuPZ6s5b2Fp_705uA2t0g8G-WdKKkZnM1QqH2IpeDuBPM6v/s1600/Experience_map-01.jpg" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(click for higher resolution)</td></tr>
</tbody></table>
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-34286307487820875442014-09-25T17:25:00.000-07:002014-11-02T00:41:46.390-07:00UX: Mind Mapping (Module #04)<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZJG5Nv1uhOfdJYgWGMJ8VISj4ZN_5d88Yfhieq658sh6OaJmQXejmI2TbN89hQatJ5DYcX-rDKieDV6J-OLd3Eyg6Q2npUI0RVX7onndQRmoPkqpuq40H5XjmRgtNKgeHdQrYjyPoZD_/s1600/Mind-map-02.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZJG5Nv1uhOfdJYgWGMJ8VISj4ZN_5d88Yfhieq658sh6OaJmQXejmI2TbN89hQatJ5DYcX-rDKieDV6J-OLd3Eyg6Q2npUI0RVX7onndQRmoPkqpuq40H5XjmRgtNKgeHdQrYjyPoZD_/s1600/Mind-map-02.jpg" width="760px" /></a><br />
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-3641684636619055872014-09-25T16:53:00.002-07:002014-09-25T17:23:14.294-07:00UX: Problems & Solutions (Module #04)<b style="background-color: yellow;">PROBLEMS: </b><br />
<div>
At the beginning of every year, we see ourselves jotting down New Year’s resolutions with list of things that will make us be a better person; but how much of it are we really doing? We all say we want to improve our lives and achieving our dreams but we’re not really doing anything, aren’t we? Commitment can be hard for a lot people.. that’s why we start small; we start challenging ourselves seven-days at a time. </div>
<div>
<br /></div>
<div>
<b style="background-color: yellow;">SOLUTION : </b></div>
<div>
<b>• Create ‘positive snowball’ </b><br />
Here’s where this matters for you: If you create new habits, and make them so insanely easy that you accomplish them every time (and leave in a good mood), you’re creating what’s called a “positive snowball” in your brain. If you managed to finish a challenge (in just seven days), you’ll think to yourself that actually it’s not hard as you thought and will find yourself keep going back to do more challenges. </div>
<div>
<br /></div>
<div>
<b>• Start small / Keep it simple</b><br />
What we need to do is to find a strategy that lets us lay the foundation of a productive habit while minimizing the upfront workload. And it’s more sensible to set “small, attainable goals throughout the year, rather than a singular, overwhelming goal,” according to psychologist Lynn Bufka. “Remember, it is not the extent of the change that matters, but rather the act of recognizing that lifestyle change is important and working toward it, one step at a time,” Bufka adds. </div>
<div>
<br /></div>
<div>
<b>• Make it obvious (#forsevendays)</b><br />
An emerging tactic: share your goals with your friends and family. It’s another way to build accountability, especially in the Facebook era. </div>
<div>
<br /></div>
<div>
<b>• Do it together</b><br />
We all know accountability is the secret to success, right? It’s much easier to go to the gym with a close friend, than it is to go alone and rely on yourself to get out of bed early in the morning (or late at night, if that’s all you’ve got).</div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-56507250422769927942014-09-20T00:39:00.002-07:002014-09-27T00:12:46.261-07:00Rebranding For Seven Days<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbxZx0e80_LqU8W-WY-Yoh39dIMuYsLPrMycZ2Tf8EGQdtj9EIeH4sVwMRAZ9AWr1kjO4pSHWDDW2tbyj8M7dgdrzfbMs2XgX4cCHqfLZpbVV7Jkx8HkVBphEqerEQuNCC5eO1EPfwpyT/s1600/NewLogo_01-02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbxZx0e80_LqU8W-WY-Yoh39dIMuYsLPrMycZ2Tf8EGQdtj9EIeH4sVwMRAZ9AWr1kjO4pSHWDDW2tbyj8M7dgdrzfbMs2XgX4cCHqfLZpbVV7Jkx8HkVBphEqerEQuNCC5eO1EPfwpyT/s1600/NewLogo_01-02.jpg" width="760px"/></a></div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-42029352940599959462014-09-18T17:11:00.001-07:002014-09-22T17:13:56.407-07:00UX: SSNiFs Analysis (Module #03)<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRmVcsjn_FlMmqCTzRKBQPtO_NSJVVEXeku67QU5a-dlndQdTQVb5NuodkC80RMAy1qbHfWCeCW3xqtihtFV4Q4FLOn8IzJtdn2phAxaLjfbVQdoFJ8Xf0lwhV7d6Up1qExvwTfCi7ixpN/s1600/SSNIF_Table-01.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRmVcsjn_FlMmqCTzRKBQPtO_NSJVVEXeku67QU5a-dlndQdTQVb5NuodkC80RMAy1qbHfWCeCW3xqtihtFV4Q4FLOn8IzJtdn2phAxaLjfbVQdoFJ8Xf0lwhV7d6Up1qExvwTfCi7ixpN/s1600/SSNIF_Table-01.png" width="760px" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(click for bigger resolution)</td></tr>
</tbody></table>
<div style="text-align: left;">
</div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-35054969876857234472014-09-18T12:42:00.002-07:002014-09-18T16:08:13.574-07:00UX: Redefining Business Model (Module #02)<h2>
<span style="font-size: x-large;">"THE SECRET TO CHANGING YOUR HABITS: </span></h2>
<h2>
<span style="font-size: x-large;">START INCREDIBLY SMALL."</span></h2>
<h4>
<span style="background-color: yellow;">THE BIGGER A PROJECT SEEMS, THE LESS LIKELY YOU ARE TO DO IT BECAUSE IT SEEMS LIKE TOO MUCH EFFORT. SO IF YOU REALLY WANT TO FORM BETTER HABITS START REALLY, REALLY SMALL--ONE PUSHUP AT A TIME.</span></h4>
<i><br /></i>
<i>"In many ways, you are your habits. Research shows that nearly half of our actions are habitual. But habit change is a small deal: the tinier your habit, the easier it is to establish. </i><i>If we're trying get better at big picture stuff--like by getting more productive, creative, or generally awesome--research shows we need to make the change as small as possible. </i><br />
<i><br /></i>
<i>Habits don't start feeling "automatic" until you've done them for about 66 days straight. And before they're automatic, you have to use willpower--which, like a muscle, can get fatigued--to initiate the task. What's more, the bigger a project seems, the less likely we are to complete it, since it seems like too much effort. </i><i>What we need to do, then, is to find a strategy that lets us lay the foundation of a productive habit while minimizing the upfront workload. To learn how, let's look at why you should start flossing one tooth."</i><br />
<br />
Read more on [<a href="http://www.fastcompany.com/3022830/how-to-be-a-success-at-everything/the-secret-to-changing-your-habits-start-incredibly-small?utm_source=facebook" target="_blank">The Huffington Post</a>]<br />
<br />
More research on achieving goals/resolutions:<br />
• <a href="http://www.fastcompany.com/3014950/leadership-now/the-secret-to-forming-super-productive-habits" target="_blank">The Secret to Forming Super Productive Habits</a><br />
• <a href="http://www.forbes.com/sites/dandiamond/2013/01/01/just-8-of-people-achieve-their-new-years-resolutions-heres-how-they-did-it/" target="_blank">Just 8% of People Achieve Their New Year's Resolutions. Here's How They Do It.</a><br />
<br />
---<br />
<br />
<b>Instructor's feedback:</b> The model is working on the honor system where everyone make a promise to abide by the rules. Seems very flimsy at that the moment.<br />
<br />
<b>Solutions: </b><br />
• Adding extra features like users being able to <span style="background-color: yellow;">challenge the other person</span> and do the challenge together (as a competition?) - and maybe that way they can monitor each other to see if the other person is really doing the challenge.<br />
• It's <span style="background-color: yellow;">mandatory</span> for users to post photo every time they finish a challenge so other users can see that the user is really doing the challenge.<br />
<br />
---<br />
<br />
<b>Other possible names:</b><br />
• My Seven Days<br />
• Challengely<br />
<br />nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-53777614445440351002014-09-16T13:22:00.002-07:002014-09-24T22:49:05.767-07:00Responsive: Timeline & Deliverables<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>JA</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
<w:UseFELayout/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="276">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]-->
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:Cambria;
mso-ascii-font-family:Cambria;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Cambria;
mso-hansi-theme-font:minor-latin;}
</style>
<![endif]-->
<!--StartFragment-->
<br />
<div class="MsoNormal">
<b>FINAL DELIVERABLES</b></div>
<div class="MsoNormal">
• Refined wireframes (concurrent with UX class)<o:p></o:p></div>
<div class="MsoNormal">
• Click through prototype</div>
<div class="MsoNormal">
<div class="MsoNormal">
• Midterm Presentation<br />
• Final Presentation<br />
<br /></div>
</div>
<div class="MsoNormal">
FRONT END:<o:p></o:p><br />
• Bootstrap installed for responsive backbone<br />
<br />
BACK END:</div>
<div class="MsoNormal">
• Database (MySQL/PHP) for uploaded assets (photos, videos)<o:p></o:p></div>
<div class="MsoNormal">
• Database (Parse) for users<o:p></o:p></div>
<div class="MsoNormal">
• Users’ check-in (for seven days)<o:p></o:p></div>
<div class="MsoNormal">
• “Like” function<o:p></o:p></div>
<div class="MsoNormal">
• “Comment” function<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>SEMESTER TIMELINE<o:p></o:p></b></div>
<div class="MsoNormal">
<b>Module #1<o:p></o:p></b></div>
<div class="MsoNormal">
• Upload midpoint book + midpoint presentation + committee’s
feedback<o:p></o:p></div>
<div class="MsoNormal">
• Create a progress blog for Group Directed Study<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #2<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Finish blog<o:p></o:p></div>
<div class="MsoNormal">
• Create semester timeline<o:p></o:p></div>
<div class="MsoNormal">
• Create list of deliverables<o:p></o:p></div>
<div class="MsoNormal">
• Research on the most appropriate responsive backbone
(Foundation)<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #3 <o:p></o:p></b></div>
<div class="MsoNormal">
• Install Foundation on test page and upload to server<o:p></o:p></div>
<div class="MsoNormal">
• Explore Foundation<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #4<o:p></o:p></b></div>
<div class="MsoNormal">
• Finish the main homepage</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<div class="MsoNormal">
• Start exploring Parse<o:p></o:p></div>
<div class="MsoNormal">
</div>
• Complete Directed Study Journal</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #5<o:p></o:p></b></div>
<div class="MsoNormal">
• Continue working on the test pages on Foundation<o:p></o:p></div>
<div class="MsoNormal">
• Continue exploring Parse<br />
• Complete Directed Study Journal</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #6<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Work on building user database on Parse </div>
<div class="MsoNormal">
• Prepare Midterm Presentation <o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #7<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Start building
database on MySQL for uploaded stuff (videos, photos)<o:p></o:p></div>
<div class="MsoNormal">
• Work on the upload form (PHP)<o:p></o:p></div>
<div class="MsoNormal">
• Upload to server<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal <o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #8<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Continue
working on the MySQL database for videos and photos<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #9<o:p></o:p></b></div>
<div class="MsoNormal">
• Work on the sign-up/log-in form (PHP/Parse)</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
• Upload to server<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #10<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Continue working
with Parse<o:p></o:p></div>
<div class="MsoNormal">
• Work on the “like” and “comment” function<o:p></o:p></div>
<div class="MsoNormal">
• Upload to server<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #11<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Click-through
prototype rough<o:p></o:p></div>
<div class="MsoNormal">
• User-test on click-through prototype<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #12<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Receive
feedbacks<o:p></o:p></div>
<div class="MsoNormal">
• Refined prototype based on feedback<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #13<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Finalize on
click-through prototype<o:p></o:p></div>
<div class="MsoNormal">
• Prepare final presentation<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #14<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>Click-through
prototype – Final<o:p></o:p></div>
<div class="MsoNormal">
• Review final presentation<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Module #15<o:p></o:p></b></div>
<div class="MsoNormal">
<b>• </b>User-test on
final click-through prototype<o:p></o:p></div>
<div class="MsoNormal">
• Complete Directed Study Journal<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0tag:blogger.com,1999:blog-4228304533986675933.post-19109056620345591462014-09-15T23:46:00.000-07:002014-09-16T13:47:22.449-07:00Responsive: Midpoint Book / PresentationAt the beginning of every year, we jot down New Year's resolutions to become better people, but how much of these resolutions come to fruition? With the promise of each new year, we also promise ourselves a fresh start, but how many of us make it past the first week and truly change for the better? Commitment can be difficult for many of us, as life gets in the way. That’s why we start small--we start challenging ourselves seven days at a time. This project will create a web platform offering 7-days-challenges that will make an impact on people’s lives in the smallest possible but most essential of ways.<br />
<br />
For Seven Days will help us to trigger and discover experiences that make the world a little better, one action at a time. The challenges do not have to be life-changing; no one is expecting to learn French in seven days. It can be as simple as unplugging yourself from Facebook for seven days or calling your parents everyday for seven days. We will be surprised by how little things like these matter in our lives and can change us for the better phenomenally.<br />
<br />
Related links:<br />
• <a href="http://nameisirene.com/gds/Irene_DigitalThesisBook.pdf" target="_blank">Midpoint book</a><br />
• <a href="http://nameisirene.com/gds/Irene_FinalPresentation(New)%20-%20PDF.pdf" target="_blank">Midpoint presentation</a><br />
• <a href="http://nameisirene.com/gds/Irene_CommitteeFeedback.pdf" target="_blank">Midpoint committee's feedback</a>nameisirenehttp://www.blogger.com/profile/16651312669030863472noreply@blogger.com0