SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
Web Design & New Media, Spring 2013
Presentation Date: May 10th, 2013 11.30AM
Area of emphasis: Technology
• Life list = a list of species sighted and identified by a bird watcher or
naturalist over a lifetime. (dictionary.com)
• Life list of flowers
• The mobile application helps identifying flowers
• Community of people who are interested in flowers
Problem & Solution
• Love flowers but don’t know
much about them.
• Want to learn about them, but
don’t want to make an effort to
• Being busy. Don’t have time to
read tons of books.
• The way to know kind of flower
• Don’t need to know much
about botany nor agriculture.
• Learn and enjoy flowers while
doing another activities.
Flower encyclopedia Web Site.
Mobile application that helps identify flowers by using image
Mobile application that helps you keep a record the flowers
you like, and help you identify flowers by using image
16 Participants, 14 females and 4 males
No one hates flowers.
Women do activities concerned to flowers more than men.
Most of people who like flower want to know about kinds of flowers.
Emphasis on women.
Ages 18 to 45
They love flowers and want to learn about them
Primary audiences are people who are not good in flower
• Secondary audiences are people who have the knowledge about
flower, but they want to connect to other people who like flowers as
•Occupation: business analyst
•Status: Single, 0 kids
•Place: San Francisco, CA USA
•Device: iPhone 4s
While Amy is hiking, she sees an unfamiliar beautiful
flower, and she wants to add the picture of it on her
life list and identify by using Floralé.
Lin, 22( Female)
•Occupation: graduate student in Botany
•Status: Single, 0 kid
•Place: Berkeley, CA USA
•Hobby: strolling in a park
•Device: Samsung Galaxy S3
She loves to look at flowers, because they make her
feel relaxed. She also would like to see flowers from
different places different via Floralé.
User Testing & Results
• Date: September 17th, 2012 to December 9th, 2012
• Participants: 11
• Place: Online-testing and AAU UX Lab
Having summary and activities bar before signing in do not make
Participants got confused on menu bar; between “Add flower”, “Life
list”, and “Encyclopedia” when they want to add a picture of flower.
Add button, “Identify it”, and “Identify later” is not clear.
Participants were not sure to go by “Identify more specific” and
On Save page, Participants did not have no idea what they need to
do in the first sight, until they scrolled down and see save. Some
participant thought the task had been done
Project Form: Functional prototype
Platform: Android4.0+, iOS6+ (in the future)
Browsers: Chrome mobile browser
– HTML5, CSS3(Webkit based)
– PHP 5.2.17, MySQL 5.5.30
• Wireless connection: Wi-Fi(best), 4G
• Phone Gap
– Slow, take time to load
– Not support some CSS3
– Cannot open PHP file
• Chrome mobile browser
– Support CSS3
– Support HTML5
Fast, stable performance
Works well with HTML5, CSS3, PHP and API.
Has the function that interpret JSON data to arrays
– Slower than JSON, if not much data
– Complicated structure
– Faster than XML, if there is not much data.
– Easy command: $getJSON( );
Make all functions work
Study Android SDK and Object-C
Make it compatible to iPhone
Co-work with computer engineers to apply image recognition
technology to the application
– Users want to know kinds of flowers, but don’t want to take a lot
of work to learn.
• Solve the problem…
– Combine future technology with good design, both visual and UX.
• What I learn…
Design skills : graphic design, illustrations
User experiences: user testing, solve the UX problems
Technical terms: coding, web technology, mobile technology
Group environmental working