Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Songporn Siangvisuth
Student ID#03097164
Web Design & New Media, Spring 2013
Presentation Date: May 10th, 2013 11.30AM
Are...
Thesis Introduction
• Life list = a list of species sighted and identified by a bird watcher or
naturalist over a lifetime...
Problem & Solution
Problem

Solution

• Love flowers but don’t know
much about them.
• Want to learn about them, but
don’t...
Concept Video
Project overview
Technology Inspiration

Flora by Yen-Ling Kuo at the IAgents Lab of National Taiwan University
http://agent.csie.ntu.edu.t...
Competitors

Flower Pedia

Project Noah

Nature Gate
Competitive Analysis Matrix

Poor

Moderate

Good

Very good
Unique Position
• Not much academic knowledge
• Flowers are not first priority in your life, but you are just curious.
Rel...
Research & analysis
Concept Development
Flower encyclopedia Web Site.

Mobile application that helps identify flowers by using image
recogniti...
Survey Conclusion
•
•
•
•

16 Participants, 14 females and 4 males
No one hates flowers.
Women do activities concerned to ...
Target Audiences
•
•
•
•

Emphasis on women.
Ages 18 to 45
They love flowers and want to learn about them
Primary audience...
Persona I
Amy, 33(Female)
•Occupation: business analyst
•Nationality: American
•Status: Single, 0 kids
•Place: San Francis...
Persona II
Lin, 22( Female)
•Occupation: graduate student in Botany
•Nationality: Chinese
•Status: Single, 0 kid
•Place: B...
Project process
Visual
Development
Mood Board
Visual
Development
Logo

Application icons
(iOS & Android)
Visual
Development
Fonts
-Typekit by Adobe
-Google Web Fonts

Color palette
Information
Architecture
Wireframes I
Wireframes II
Wireframes III
Wireframes IV
User Testing & Results
• Date: September 17th, 2012 to December 9th, 2012
• Participants: 11
• Place: Online-testing and A...
Problem 1
Having summary and activities bar before signing in do not make
senses.

Old design

New design
Problem 2
Participants got confused on menu bar; between “Add flower”, “Life
list”, and “Encyclopedia” when they want to a...
Problem 3
Add button, “Identify it”, and “Identify later” is not clear.

Old design

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

Old design

New design
Problem 5
On Save page, Participants did not have no idea what they need to
do in the first sight, until they scrolled dow...
Technical Development
•
•
•
•

Project Form: Functional prototype
Platform: Android4.0+, iOS6+ (in the future)
Browsers: C...
Technical Experiments
• Phone Gap
– Slow, take time to load
– Not support some CSS3
– Cannot open PHP file

• Chrome mobil...
Technical Experiments
• jQuery
–
–
–
–

Fast, stable performance
Works well with HTML5, CSS3, PHP and API.
Light weight
Ha...
Technical Experiments
• XML
– Slower than JSON, if not much data
– Complicated structure
– Hard to convert to data that Ja...
Data Diagram
Data
Diagram
Project demonstration
Conclusion
Next Steps
•
•
•
•

Make all functions work
Study Android SDK and Object-C
Make it compatible to iPhone
Co-work with compu...
Conclusion
• Problem…
– Users want to know kinds of flowers, but don’t want to take a lot
of work to learn.

• Solve the p...
Songporn Siangvisuth
Floralé

Thank you
Thesis Presentation - Floralé mobile application
Thesis Presentation - Floralé mobile application
Thesis Presentation - Floralé mobile application
Thesis Presentation - Floralé mobile application
Prochain SlideShare
Chargement dans…5
×

Thesis Presentation - Floralé mobile application

1 264 vues

Publié le

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.

Publié dans : Technologie
  • Soyez le premier à commenter

Thesis Presentation - Floralé mobile application

  1. 1. Songporn Siangvisuth Student ID#03097164 Web Design & New Media, Spring 2013 Presentation Date: May 10th, 2013 11.30AM Area of emphasis: Technology
  2. 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. 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. 4. Concept Video
  5. 5. Project overview
  6. 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. 7. Competitors Flower Pedia Project Noah Nature Gate
  8. 8. Competitive Analysis Matrix Poor Moderate Good Very good
  9. 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. 10. Research & analysis
  11. 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. 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. 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. 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. 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. 16. Project process
  17. 17. Visual Development Mood Board
  18. 18. Visual Development Logo Application icons (iOS & Android)
  19. 19. Visual Development Fonts -Typekit by Adobe -Google Web Fonts Color palette
  20. 20. Information Architecture
  21. 21. Wireframes I
  22. 22. Wireframes II
  23. 23. Wireframes III
  24. 24. Wireframes IV
  25. 25. User Testing & Results • Date: September 17th, 2012 to December 9th, 2012 • Participants: 11 • Place: Online-testing and AAU UX Lab
  26. 26. Problem 1 Having summary and activities bar before signing in do not make senses. Old design New design
  27. 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. 28. Problem 3 Add button, “Identify it”, and “Identify later” is not clear. Old design New design
  29. 29. Problem 4 Participants were not sure to go by “Identify more specific” and “Unidentified”. Old design New design
  30. 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. 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. 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. 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. 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. 35. Data Diagram
  36. 36. Data Diagram
  37. 37. Project demonstration
  38. 38. Conclusion
  39. 39. 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
  40. 40. 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
  41. 41. Songporn Siangvisuth Floralé Thank you

×