Ayakashi2_Enhance

Transcript

1. Ayakashi 2 Enhance - Interaction Map Modified: Thursday Aug 14 2014 Menu Select Hero (Screen) Select Materials (Screen) Enough Gold? Purchase Gold (Dialog) Enhance Animation Result Purchase Process Tap Hero No Yes Enhance (Screen) Tap hero Tap Enhance Tap Materials After selected Hero and Materials Close Back / OK
2. Annotation Ayakashi 2 Enhance - Select Hero Wireframes Modified: Thursday Aug 14 2014 1. Faction Icon Includes three groups. (ဦଊđ݆പਲđࣴࣴപ) Select a Hero 8 2. Profession Icon Character Class 3. Info On click, open character detail page. 4. Navigation Each dot corresponds to a series of cards, indicate how many cards we still left. 7. Back Back to menu. 7 8. Close Back to adventure map. 6. Arrow Swipe for more cards. 5. Hero Image Tap to select the hero. Back 4 Sort Lv 12 Info 6 Lv 12 Info Lv 12 Info Lv 12 Info 1 2 3 5
3. Annotation Ayakashi 2 Enhance Select Hero - Wireframes Modified: Thursday Aug 14 2014 1. Selected Hero Current selected hero, tap to deselect. 2. Sort dropdown menu Tap - open and close the menu. Select a Hero Back Sort Lv 12 2 Info Lv 12 Info Lv 12 Info Lv 12 Info Selected High Rarity First Low Rarity First High Level First Low Level First Fraction Class 1
4. Annotation Ayakashi 2 Enhance - Initial Wireframes Modified: Thursday Aug 14 2014 1. Character Image On click, go to select a hero screen. 2. Select Material On click, go to select material screen. Enhance 4 Back 3 Change Hero Name HP 3000 ATK 3000 MATK 3000 DEF 3000 MDEF 3000 XP 3000 LV 20/40 Select Material Select Material Select Material Enhance Select Material Select Material 1 2 3. Back Back to last action, could be select a hero screen, or select materials screen. 4. Close Back to adventure map.
5. Annotation Ayakashi 2 Enhance - Again Wireframes Modified: Thursday Aug 14 2014 1. Preview of Result 2. Selected Material On click, go to select materials screen. Enhance Back 3. Faction Icon Change Select Material Select Material Select Material Hero Name HP 3000 + 22 ATK 3000 + 22 MATK 3000 + 22 DEF 3000 + 22 MDEF 3000 + 22 XP 3000 + 22 LV 20/40 Enhance 300 + Level up to 24 Need More Gold You need to buy 100 Purchase 1 2 3 4 4. Enhance button After selected a hero and materials, it shows how much gold the user will need for the enhancement. If there is no enough gold, the dialog will pop up. Allow users to purchase it in the shop.
6. Annotation Ayakashi 2 Enhance - Select Materials Wireframes Modified: Thursday Aug 14 2014 1. Material Image Tap to select the material. 2. Faction Icon 3. Magatma Select Materials 10 9 Back Sort 1/5 Cost: 333 Get XP: 333 Clean All Ok Selected Sort High Rarity First Low Rarity First High XP First Low XP First Magatma Fraction 1 2 4 3 5 6 7 8 4. Selected Material 5. Sort dropdown menu Tap - open and close the menu. 6. Card Icon 7. Cost Icon 8. XP Icon XP info only shows up when you select a material. (Make the interface looks clear.) 9. Back Back to enhance page. 10. Close Back to adventure map.
7. Annotation Ayakashi 2 Enhance - Result Wireframes Modified: Thursday Aug 14 2014 1. Character Image 2. Skip - OK Button Skip button - Skip enhance progress, show the nal result. Turn to OK button after the enhancement completes. OK button - on click, go back to enhance screen. 2 Result HP 3000 ATK 3000 MATK 3000 DEF 3000 MDEF 3000 XP 3000 LV 20/40 Skip Success! 1
8. Annotation Ayakashi 2 Enhance - Success Wireframes Modified: Thursday Aug 14 2014 1. Character Image 2. Skill Icon 3. OK Button On click, go back to enhance screen. Skill Name Description OK Success! Trait Trait Name Attribute change OK Success! Unlocked! Trait Name Attribute change Trait Name Attribute change Trait Name Attribute change Trait Name Attribute change 1 2 1 4 3 3 4. Trait Icon