ui development for iphone weather application
TRANSCRIPT
Weather ApplicationiPhone
Concept sketches(Portrait)25th April, 2011
Requirements The wireframes are based on the following requirements—
User clicks on the application icon. My Forecast
List of “The 2011 Atlantic Hurricane Season” names User can enter
Max. category obtained (each storm)Date at which the storm is named (each storm)Landfall (each storm)Min. observed pressure (across the season)
Actions: Save | Submit | Update Advertisement Access to FB connect, Help /Rules
Forecast Leaderboard: Shows a list of top 10 users (first by point total and then alphabetically)
Official forecast: User sees a snapshot of Accuweather.com and CSU/Gray.
Assumptions Registered user.
Application already downloaded on the iphone and iPad (Native application)
Design for iPhone
Wireframes
Application Homepage User lands on the My Forecast
screen, after clicking on the application icon
1
2
User can toggle between My Forecasts, Leaderboard and Official Forecasts
‘Hurricane names’ as the title for the following list of hurricanes
3
3
If the user has submitted the forecast previously, he will see a checkmark against the name.
iPhone
1
2
My Forecasts
1
1
2
When the user clicks on the Storm name, he is directed to this screen.
He can go back to the list of Storm names. 2
3
3
Clicking on the ‘pressure’ icon, will allow him to enter the minimum pressure for the storm season.
4
He can enter rest of the information for the selected storm
iPhone
“Save” or “Submit” functionality similar to iPad.
Leaderboard
User can see the Top 10 forecasters.
He sees details of the forecaster viz. the photo, member since, # forecasts submitted, and the total points.
Default view: List viewDefault sort: Points
Design scalable to include User Ranking
iPhone
Official Forecasts (list)
User sees a list of the weather stations /weather websites.
iPhone
Official Forecasts (Accuweather) iPhone
When the user selects a particular weather site, he sees the details.
Hurricane chart (in real time).
User is also engaged with a 5-day forecast widget.
Thank you