VOLCANIC. A simple volcano guide

Transcription

1 VOLCANIC A simple volcano guide

2 TABLE OF CONTENTS i Table of Contents 08 Information Architecture 01 Problem & Solution 09 Sketches 02 Project Goals 10 Grid 03 Competitive Analysis High Fi Wireframes 04 Trend Research 14 Visual Design User Personas Final Design 07 User Workflow i

3 PROBLEM SOLUTION The International Association of Volcanology and Chemistry of the Earth s Interior (IAVCEI) has named various dangerous volcanoes in the world due to latest eruptions.there are no informative applications that explain general information about volcanoes. There is a lack of consistent and easy to understand information about volcanoes. Most of the websites and resources give decent overviews about volcanoes. They are often heavy in text, lack quality illustrations, interactive graphics and animations that visually show how the volcano works, and the anatomy of the volcanoes. A volcano guide that is interactive and accessible in digital form. The guide will provide a list of essential information related to volcanoes to educate the users. The list includes: types of volcanoes, eruptions, and the simple guide of anatomy of the volcano. The app will implement intriguing illustrations to catch the user s attention. The app will not only implement an easy navigation system to assist children to learn, but also inspire them. 1

4 PROJECT GOALS 1. EDUCATE 2. INSPIRE 3. ASSIST Volcanic aims to educate users about basic knowledge of volcanoes to help users learn more about this topic Through graphics and interacitve elements; volcanic aspires to spike the user s interests in science and nature Volcanic intends to provide users the easiest and most interesting way to learn about volcanoes 2

5 COMPETITIVE ANALYSIS 1. STATIC INFOGRAPHICS There are numerous static infographics that educate and inform people about volcanoes, earthquacks, and etc. The style of the infographic usually introduces 3D anatomy structure displays with heavy text based info on the side. 2. VOLCANOES Volcanoes is an app that includes a map, alerts, news, recent earthquakes, and ash Info. The app displays the information in a list form and the flat mapping display. 3

6 COMPETITIVE ANALYSIS Flat design is about taking away the visual extras and only displaying the elements with asthetics. This allows the design to speak for itself. Subtle gradients and dropshadow were added to give the design a more visual appeal with a feeling that the design is two-dimensional. 4

7 USER PERSONA TOMMY MCADAMS I am a winner. I want to win. I want to be the smartest and the coolest winner. ABOUT USER Tommy is an 8 year old boy who goes to school in Culver, Indiana. His favorite acitvity is soccer and anything outdoor. His favorite food is pulled pork sandwiches and jumbo shrimp. MOTIVATION Tommy is at the top of his class. He loves to read and learn new things. He is beyond brilliant and an over achiever. He aims to participate in the science fair and produce an award winning project. He has always been fascinated with volcanoes and how volcanoes erupt. After days of struggling he has decided that he is going to do a project on volcanoes. GOALS Be assertive, adventurous and never quit Would like to learn and make great things happen Hoping to be a famous scientist FRUSTRATIONS Not being able to find helpful resources Hard time understanding big words Needs more accurate research PERSONALITY TAGS Athletic Passionate Optimistic Courageous 5

8 USER PERSONA MIKEY RICHARDS I want to find a easy way to showcase basic info about volcanoes for my students. ABOUT USER Mikey is a hot-blooded and passionate elementary school teacher at Hillsborough, New Jersey. He is an expert on technology. He loves cats and instagram photography. MOTIVATION Mikey is passionate about teaching. He believed that teaching was his calling since the age of 16, and he has been striving to be a great teacher ever since. Michael is the type of teacher that will put his students before everything else. He believes that education is the most powerful weapon that we can use to change the world. He always strives to find the best teaching method to deliver the material. GOALS Find an easy method to deliver the information Would like to inspire students through education Hoping to implement technology for his teaching FRUSTRATIONS Not being able to offer the best solution Getting confused looks from students Hard time finding helpful and good resources PERSONALITY TAGS Caring Outgoing Modern Sensitive 6

9 USER WORKFLOW 7

10 IINFORMATION ARCHITECTURE 8

11 SKETCHES 9

12 GRID 138 px 32 px Grid Specifics Global Nav column grid pixel column pixel side margin pixel top/ bottom margin pixel gutter 20 px 12 column Grid 10

13 HIGH FI WIREFRAMES HOME VOLCANO EXPLORE HOME VOLCANO EXPLORE click to explore types of volcanoes LITTLE ABOUT VOLCANO A volcano is a landform (usually a mountain) where molten rock erupts through the surface of the planet. A volcano is a mountain that opens downward towards a pool of magma below the surface of the earth. CINDER COMPOSITE VOLCANO MODEL EXPLORE SHIELD CALDERA Landing page Informative landing page. There will be a brief introduction about volcanoes and the app. Users will have a choice to learn more about the volcanoes or explore the volcanoes around the world. Volcano Types The app brings users to the volcano page to learn about four different types of volcanoes after the user clicked on learn more. 11

14 HIGH FI WIREFRAMES HOME VOLCANO EXPLORE HOME VOLCANO EXPLORE ERUPTION TYPE Explosive Effusive ERUPTION TYPE Explosive Effusive MAGMA CHAMBER Large Underground liquid rock found beneath the surface of the Earth.The molten rock is under great pressure, and given enough time. That pressure can gradually fracture the rock around it, creating outlets for the magma. COMPOSITE VOLCANO Conical volcano built up by many layers of hardened lava, tephra and volcanic ash COMPOSITE VOLCANO Conical volcano built up by many layers of hardened lava, tephra and volcanic ash Specific Type of Volcano: Composite Users can begin to explore the sturcture of the volcano and its eruption process. Users can drag the slider to explore the anatomy of the volcano. When selecting a specific eruption type, a short animation will be played on the screen. The short description of the volcano type will be displayed at all times on the bottom of the app. Specific Type of Volcano: Learn More The highlighted circles are hidden information about volcano structure. When selected, the highlighted circle enlarges and a smaller window will pop up to bring up a description of the selected structure. 12

15 HIGH FI WIREFRAMES HOME VOLCANO EXPLORE HOME VOLCANO EXPLORE BACK MOUNT FUJI Located about 100 kilometers southwest of Tokyo. Commonly called Fuji-san, it s the country s tallest peak. A pilgrimage site for centuries; it s considered one of Japan s 3 sacred mountains. MOUNT FUJI ACTIVE COMPOSITE MOUNT FUJI Prominence Elevation Last Eruption Ranked 12,388 12, th Explore Famous Volcanoes The tiny little highlighted dots indicate the exisiting volcanoes in the world. An interactive pin drop map allows users to explore the top 15 famous volcanoes in the world. When the pin drop is selected, a small window will pop up to reveal the name and a picture of the volcano. Famous Volcano: Mount Fuji Showcasing one of the most famous volcanoes in the world. Users will learn various information about the specific volcano: location, status, prominence, elevation, last eruption and ranking. Users can also explore the anatomy and the structure of the volcano by dragging the slider left and right. 13

16 VISUAL DESIGN Geometric Warmth Lively Dynamic 14

17 FINAL COMPS 15

18 FINAL COMPS 16

19 FINAL COMPS 17