This is the presentation for final review. The thesis is about mobile application that provides flower identification service Users can make personal collections and share with their friends.

1. Songporn Siangvisuth
Student ID#03097164
Web Design & New Media, Spring 2013
Presentation Date: May 10th, 2013 11.30AM
Area of emphasis: Technology

2. Thesis Introduction
• 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

3. Problem & Solution
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
learn.
• 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.

4. Concept Video

5. Project overview

6. Technology Inspiration
Flora by Yen-Ling Kuo at the IAgents Lab of National Taiwan University
http://agent.csie.ntu.edu.tw/~a33kuo/project.html

7. Competitors
Flower Pedia
Project Noah
Nature Gate

8. Competitive Analysis Matrix
Poor
Moderate
Good
Very good

9. Unique Position
• Not much academic knowledge
• Flowers are not first priority in your life, but you are just curious.
Relaxing during learning about flowers
• Apply image processing technology

10. Research & analysis

11. Concept Development
Flower encyclopedia Web Site.
Mobile application that helps identify flowers by using image
recognition technology
Mobile application that helps you keep a record the flowers
you like, and help you identify flowers by using image
recognition technology

12. Survey Conclusion
•
•
•
•
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.

13. Target Audiences
•
•
•
•
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
identifying.
• Secondary audiences are people who have the knowledge about
flower, but they want to connect to other people who like flowers as
them.

14. Persona I
Amy, 33(Female)
•Occupation: business analyst
•Nationality: American
•Status: Single, 0 kids
•Place: San Francisco, CA USA
•Hobby: hiking
•Device: iPhone 4s
Scenario:
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é.

15. Persona II
Lin, 22( Female)
•Occupation: graduate student in Botany
•Nationality: Chinese
•Status: Single, 0 kid
•Place: Berkeley, CA USA
•Hobby: strolling in a park
•Device: Samsung Galaxy S3
Scenario:
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é.

16. Project process

17. Visual
Development
Mood Board

18. Visual
Development
Logo
Application icons
(iOS & Android)

19. Visual
Development
Fonts
-Typekit by Adobe
-Google Web Fonts
Color palette

20. Information
Architecture

21. Wireframes I

22. Wireframes II

23. Wireframes III

24. Wireframes IV

25. User Testing & Results
• Date: September 17th, 2012 to December 9th, 2012
• Participants: 11
• Place: Online-testing and AAU UX Lab

26. Problem 1
Having summary and activities bar before signing in do not make
senses.
Old design
New design

27. Problem 2
Participants got confused on menu bar; between “Add flower”, “Life
list”, and “Encyclopedia” when they want to add a picture of flower.
Old design
New design

28. Problem 3
Add button, “Identify it”, and “Identify later” is not clear.
Old design
New design

29. Problem 4
Participants were not sure to go by “Identify more specific” and
“Unidentified”.
Old design
New design

30. Problem 5
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
Old design
New design

31. Technical Development
•
•
•
•
Project Form: Functional prototype
Platform: Android4.0+, iOS6+ (in the future)
Browsers: Chrome mobile browser
Technologies:
– HTML5, CSS3(Webkit based)
– JavaScript, jQuery 1.9
– PHP 5.2.17, MySQL 5.5.30
• Wireless connection: Wi-Fi(best), 4G

32. Technical Experiments
• Phone Gap
– Slow, take time to load
– Not support some CSS3
– Cannot open PHP file
• Chrome mobile browser
– Support CSS3
– Support HTML5

33. Technical Experiments
• jQuery
–
–
–
–
Fast, stable performance
Works well with HTML5, CSS3, PHP and API.
Light weight
Has the function that interpret JSON data to arrays

34. Technical Experiments
• XML
– Slower than JSON, if not much data
– Complicated structure
– Hard to convert to data that JavaScript can comply.
• JSON
– Faster than XML, if there is not much data.
– It is JavaScript, so it works well with jQuery
– Easy command: $getJSON( );

35. Data Diagram

36. Data
Diagram

37. Project demonstration

42. Conclusion

43. Next Steps
•
•
•
•
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

44. Conclusion
• Problem…
– 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

45. Songporn Siangvisuth
Floralé
Thank you