Viva Piñata for iOS fan project/User Interface
User Interface concept mockups
Since the game will now be a universal app, mockups are for the smaller iPhone/iPod screen.
The app's objective is to be fun and entertaining, so it makes sense to start the user right off in a garden (and bypass any New garden/Load garden choices).
The focus should be on the garden, and the garden experience should be as "immersive" as possible, so the garden/borders should take up the entire screen.
Since a new user is starting off right in the garden, with possibly no idea what to do, the app shouldn't present them with a lot of confusing controls/choices.
- Error creating thumbnail: File missing
Tab bar approach to UI. Prioritize order to Garden, Journal, Shop, Terrain?
- Error creating thumbnail: File missing
Selected item in garden. Item/pinata could be moved/directed elsewhere
- Error creating thumbnail: File missing
... or an action sheet could display more choices for the selected item.
- Error creating thumbnail: File missing
... "actions" on a toolbar? Floating controls similar to Pocket Paradise?
- Error creating thumbnail: File missing
Terrain editor. Change type of terrain for a selected area.
- Error creating thumbnail: File missing
Journal tab with info and requirements.
- Error creating thumbnail: File missing
Journal/Requirements concept? Change dot to check mark if complete? Eaten 5/9 ... for progress?
Old UI concept mockups
- Error creating thumbnail: File missing
Floating controls similar to PP. Perhaps a bit distracting, since eye is drawn to controls instead of garden?
- Error creating thumbnail: File missing
Get "rid" of controls, let garden take up more room? Alerts/events at top a la Notification Center? Too much info at bottom. For progress, show only level OR awards.
- Error creating thumbnail: File missing
Tie controls to info at bottom? Float controls above bar, or keep entirely buttons within bar? Coins -> Shop? (But no info leads to terrain/surface packet.)
- Error creating thumbnail: File missing
"Paint" new terrain by tapping or dragging on garden surface. (Or slide in from right similar to Journal and Shop? Narrow vertical strip of terrain choices?)
- Error creating thumbnail: File missing
... or only show the current terrain choice. Get rid of level/coins... simplify, not relevant to terrain. (Bury that info at top "under" current navigation?)
- Error creating thumbnail: File missing
Terrain concept could also work for Shop items, a la seed pouch within garden?
- Error creating thumbnail: File missing
Basic info about selected buttercup seed, along with options to sell, plant seed, or view more info in Journal
- Error creating thumbnail: File missing
... or put actions for selected item in popover?
- Error creating thumbnail: File missing
Journal navigation - Awards, Encyclopedia (requirements), Game Center, Help? Options/Settings?
- Error creating thumbnail: File missing
... or leave off group headings but keep grouped
Why portrait orientation?
When scrolling through a table view of shop items (or Encyclopedia entries about piñatas), portrait shows more (9-1/2) visible rows without scrolling. Landscape only shows 6 table rows, and the cells would be unnecessarily wide for short item names (e.g., apple, banana, orange).
Trouble in Paradise
Play a Garden
- New garden
- Please enter a name for your garden
- Load garden
- List of saved gardens
Play Just for Fun
View Credits
View Player Status
Gamertag Play Time Elapsed: nnn Days nn Hours nn Minutes Your Rank rank title level Your Account: nnn coins
-
Control Style- Simple Controls
- Advanced Controls
-
Save and Continue -
Camera Look Right/Left- Normal
- Reversed
-
Camera Look Up/Down- Normal
- Reversed
-
Save and Quit -
Video Options- TV Type
- Brightness
- Contrast
- Audio Options
- SFX Volume
- Music Volume
- Speech Volume
-
Shovel- Y Set Corner
- X Dig Pond/Fill Pond/Poke Piñata/Tap Flower/Tap Object
- A Dig Hole/Fill Hole/Whack Piñata/Hack Flower/Smash Object/Whack Character/Reveal Building
- B Put Away
- < Garden
-
Trick Stick- Y Trick 2
- X Trick 1
- A Poke
- B Put Away
- Surface Packets
- Short Grass
- Sand
- Long Grass
- Snow
- Journal
- Encyclopedia
- Piñata
- List of Piñatas
- Arocknid
- Information - Level 5 Base Value 1500 Information If a Cluckles had this many legs, ...
- Most Valuable List - Arocknid 1 2250
- Appear Requirements - You are a level 6 gardener or better
- Unblock Requirements - You have paid Willy to knock the wall down
- Visit Requirements - There are 4 Tafflies in the garden.
- Resident Requirements - Has eaten 2 Raisants
- Romance Requirements - Has eaten 2 Buzzlegums
- Variant 1 Requirements - Has eaten 1 bluebell flower
- Variant 2 Requirements - Has eaten 1 jack o' lantern
- Variant 3 Requirements - Has eaten 1 water lily flower
- Arocknid
- List of Piñatas
- Garden Surfaces
- List of garden surfaces
- Deep Water - Level 1 Base Value 0 Information Lovely clean blue water ...
- List of garden surfaces
- Characters
- Family Members
- List of family members
- Dastardos - Level 1 Base Value 0 Information When things go badly ...
- List of family members
- Service Providers
- List of service providers
- Arfur - Level 1 Base Value 0 Information Arfur has spent many hours ...
- List of service providers
- Helpers
- List of helpers
- Diggerling - Level 10 Base Value 2200 Information It takes a brave person ...
- List of helpers
- Ruffian Boss
- Professor Pester
- Professor Pester - Level 1 Base Value 0 Information I'm not sure what Pester ...
- Professor Pester
- Ruffian Minions
- List of ruffian minions
- Ruffian - Level 1 Base Value 0 Information If a Ruffian wants something, ...
- List of ruffian minions
- Family Members
- Plants
- Flowers
- List of flowers
- Bird of Paradise
- Information - Level 8 Base Value 360 Information This plant has an elaborate ...
- Surface Requirements - Plant needs to be planted in ...
- Catalyst Requirements - Plant requires Orange Fertilizer for ...
- Bird of Paradise
- List of flowers
- Water Flowers
- List of water flowers
- Bullrush
- Information - Level 7 Base Value 280 Information The bullrush is a tall reed ...
- Surface Requirements - Plant needs to be planted in mud
- Catalyst Requirements - Plant requires Brown Fertilizer for ...
- Bullrush
- List of water flowers
- Trees
- List of trees
- Apple Tree
- Information - Level 2 Base Value 30 Information Lots of creatures ...
- Surface Requirements - Tree needs to be planted in ...
- Catalyst Requirements - Tree requires Red Fertilizer for ...
- Tree Produce - Apple
- Apple Tree
- List of trees
- Seeds
- List of seeds
- Apple Seed - Level 2 Base Value 6 Information Compared to the size of ...
- List of seeds
- Vegetables
- List of Vegetables
- Carrot
- Information - Level 1 Base Value 10 Information Carrots are the ...
- Surface Requirements - Plant needs to be planted in ...
- Catalyst Requirements - Plant requires Orange Fertilizer for ...
- Carrot
- List of Vegetables
- Weeds
- List of weeds
- Dandelion
- Information - Level 3 Base Value 6 Information The dandelion was ...
- Surface Requirements - Plant needs to be planted in ...
- Dandelion
- List of weeds
- Bushes
- List of bushes
- Blackberry bush
- Information - Level 3 Base Value 60 Information Little blackberries can ...
- Surface Requirements - Tree needs to be planted in ...
- Catalyst Requirements - Tree requires Purple Fertilizer for ...
- Tree Produce - Blackberry
- Blackberry bush
- List of bushes
- Fruit
- List of fruit
- Acorn - Level 10 Base Value 110 Information Acorns are the fruit ...
- List of fruit
- Flowers
- Garden Constructions
- Decorations
- List of decorations
- Barrel - Level 5 Base Value 300 Information This sturdy, well-crafted ...
- List of decorations
- Garden Junk
- List of garden junk
- Broken status - Level 1 Base Value 1 Information At one time, ...
- List of garden junk
- Other Buildings
- List of other buildings
- Garden Store - Level 1 Base Value 420 Information This unimpressive ...
- List of other buildings
- Piñata Houses
- List of piñata houses
- Arocknid Home - Level 1 Base Value 750 Information This water tank ...
- List of piñata houses
- Helper Houses
- Helper Home
- Helper Home - Level 1 Base Value 200 Information This house will keep ...
- Helper Home
- Decorations
- Tools
- Shovel
- List of shovel handles/heads
- Bronze Shovel Handle - Level 3 Base Value 0 Information Bronze is stronger ...
- List of shovel handles/heads
- Trick Stick
- Bronze Beauty
- Bronze Beauty - Level 1 Base Value 0 Information Sturdy and reliable, ...
- Bronze Beauty
- Watering Can
- List of watering cans
- Everpour 5000 Watering Can - Level 5 Base Value 2700 Information May I introduce ...
- List of watering cans
- Bag
- List of bags
- Bait Bag - Level 1 Base Value 0 Information The bait bag contains a ...
- List of bags
- Surface Packets
- List of surface packets
- Grass Packet - Level 1 Base Value 0 Information This is the special packet that ...
- List of surface packets
- Shovel
- Misc Items
- Accessories
- List of accessories
- Apples and Pears Hat - Level 1 Base Value 500 Information A blinging bonnet ...
- List of accessories
- Candy
- List of candy
- Amber Golf Candy - Level 1 Base Value 5 Information Animals won't eat them, ...
- List of candy
- Money
- List of money
- Big Gold Chocolate Coin - Level 1 Base Value 500 Information As things get more ...
- List of money
- Produce
- List of produce
- Air Freshener - Level 1 Base Value 500 Information A winter clean ...
- List of produce
- Accessories
- Piñata
- Garden Area
- View Surface Info
- View Space Info
- Player Log
- List of events
- 4 Day 62 62:15 FeralKitty sent you a crate
- List of events
- Resident Piñatas
- List of resident piñatas
- Sparrowmint - <takes player to resident in garden>
- List of resident piñatas
- Player Awards
- Player Status
- Player Status - Gamertag Play Time Elapsed: nnn Days nn Hours nn Minutes Your Rank rank title level Your Account: nnn coins
- Photo Albums
- My Photos
- List of photos
- Photo 1/1001 - <displays photo>
- List of photos
- Bonus Photos
- List of concept art photos
- Photo 1/3 - <displays photo>
- List of concept art photos
- My Photos
- Plant Awards
- Table of plants/awards - Plant, Level, Grown to Maturity, Catalyzed x1, Catalyzed x2, Catalyzed x3
- Leaderboards
- Garden Value - All Time
- Piñata Value - All Time
- Awards Earned - All Time
- Credits Earned - All Time
- Gardener Level - All Time
- Arocknid
- Rank, Gamertag, Value
- Piñata Awards
- Table of piñatas/awards - Piñata, Level, Visit, Reside, Romance, Master Romancer, Variants (1 2 3)
- Tool Awards
- Table of tools/awards - Tool, Level, Received?
- Computer Records
- List of species
- Player Status
- Leafos Log
- List of Leafos messages (Screen these for ones relevant to the iOS version)
- Seed failed to plant - This seed failed to plant, because you have too many other plants in ...
- List of Leafos messages (Screen these for ones relevant to the iOS version)
- Leafos Gossip
- List of Leafos gossip
- I'm sure I saw a Sparrowmint swallow a small bit of yellow litter that was ...
- List of Leafos gossip
- How To
- List of how to
- How To Bait Bag - How to Use the Bait Bag - If you want to catch a Piñata in a trap, ...
- List of how to
- Encyclopedia
- Village
- Costolot's Store
- Buy
- Fertilizer
- Watering Can
- Packet
- Paving
- Seed
- Candy
- Fruit
- Vegetable
- Produce
- Fence
- Garden Items
- Spade Part
- Toys
- Sell
- Buy
- Arfur's Inn
- Helper - Sprinkling, Weedling, Gatherling, Watchling, Night Watchling, Diggerling
- Paper Pets
- Accessory Type - Head, Eyes, Ears, ...
- Gretchen Fetchem's
- Express
- Standard
- Collect/Release Piñata
- Langston
- You've completed all the challenges
- Bart's Exchange
- Bronze
- Silver
- Gold
- Willy Builder
- Piñata House
- List of piñata houses
- Special Building
- List of special buildings - Mine, Honey Hive, Shearing Shed, Milking Shed, Garden Store, Helper Home
- Piñata House
- Post Office
- Received Crates
- Crate
- Costolot's Store
- Camera
- Y My Photos
- A Take Photo
- B Back
- Watering Can
- Seed Bag
- List of seeds
- X Buy
- A Buy and Plant
- B Put Away
- List of seeds
Selected item
- Y Information
- X Menu
- A Talk
- B Sell
Items
- Y Return to Items
- X Rotate
- A Place Item
- < Finish Shopping
iOS
Action sheet
In-garden actions (no current selection)
- Visit arctic <--> Return to garden (2.0?)
- Visit desert <--> Return to garden (2.0?)
- Change garden (2.0? Start a new garden, switch to another existing garden)
- Bouncer board (Block visitors)? (Action or in Journal?)
Actions for selected item
Seed
- Plant
- Sell
- Journal
Seedling
- Water
- Fertilize
- Sell
- Journal
Candy
- Sell
- Journal?
Fruit, Vegetable, Produce
- Sell
- Journal
- Transform (if item can be tinkered)
Garden Item
- Sell
- Journal?
Helper
- Fire (Sell?)
- Journal?
Home/Special Building
- Sell
- Tap? (piñatas exit home?)
- Journal?
Piñata
- Sell
- Journal
- Tap/Water? (break up fight?)
Plant
- Sell
- Journal
Egg
- Sell
- Journal?
- Tap? (evolve?)
Non-actions
Shops
-
Fertilizer(Action sheet -> Fertilize) - Seed
- Candy (2.0?)
- Fruit
- Vegetable
- Produce (plus Action sheet -> Transform(ed) items)
- Garden Items (2.0? Captain's Cutlass, Torch (evolve), Lights (attract))
- Arfur/Helpers (2.0?)
- Gretchen/Fetch Piñatas from wild (2.0?)
-
Bart/Tinkering/Transformed items(Action sheet -> Transform) - Willy/Homes
- Special buildings (2.0?)
- Post Office/Crates (3.0?)
Journal
(Lookup info in general, or show info about selected garden object/wild piñata)
Awards
- Animal awards
- Plant awards
Encyclopedia
- Animals
- Plants
- Terrain
Game Center
- Achievements
- Leaderboards
Help/How To?
- Tutorial?
- About/Credits/Support?
Settings?
- Music?
List of resident piñatas
Player Status
Bouncer board?
Other Journal information
(Selected garden item -> Action sheet -> Information)
- Info/Requirements
- Animals
- Plants
- Seed, Fruit, Vegetable, Produce
-
Buildings/Homes -
Candy -
Helpers/Characters/Ruffians -
Garden items?
Events/Alerts
(Tap to popup/dismiss like Classic/TiP? Scrollable like Pocket Paradise?)
Tools
-
Surface Packets/Terrain(Terrain tab) -
Watering Can(Action sheet -> Water) - Seed bag? (for convenient shopping)
Other
(Should this info be visible all the time, or only available within Shops or Journal?)
- nnn coins
- Level nnn