Eternium
Eternium

Announcement

Collapse
No announcement yet.

Newb-Friendly and Accessible GUI and UX Standardization

Collapse
This topic is closed.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    #46
    (1/3) GAMEPLAY > GENERAL STORY SCREEN

    Click image for larger version

Name:	43.1_Gameplay_General-Story.png
Views:	194
Size:	267.9 KB
ID:	102888
    This is a typical gameplay screen in Story mode. Its current design is quite optimal. Assuming/ considering that the hero mostly moves northward on the battlefield, some minor improvements are suggested here to further enhance user experience. The displayed layout is for right-handed, normal play.
    • The XP bar is shifted to the top border, as it is least visually obtrusive. This enables better view of the incoming enemy from top.
    • The hero’s and enemy’s health indicators are shifted to the bottom border, as they are visually intrusive.
    • The hero’s health indicator is located on the right, near the Apple and Potion buttons to enable quick intervention with these healing items. So, the Apple and Potion buttons are placed near the player’s right thumb—first the Potion for emergencies.
    • The ubiquitous currency-balance panel is placed in the bottom center, consistent with all other pages.
    • The occasionally used Armory button and the rarely used Settings button are kept on top, nearer to the XP bar.
    • Due to the slight shifting of the Armory button, all the non-interactive skill buttons are shifted slightly upward. This frees space below.
    • The Map button is shifted to the bottom-left corner, placed near the player’s left thumb. A zoom-in icon on it indicates the operation of this button.
    • The Save button retains its exalted place on the top-right corner.

    Notice the barely visible, universal decoration on the top-left corner. When the player badge is featured, it is overlapped by the first skill button.

    (2/3) GAMEPLAY > TRIAL SCREEN

    Click image for larger version

Name:	43.2_Gameplay_Trial-Play.png
Views:	128
Size:	229.0 KB
ID:	102889
    This is a gameplay screen in Trials mode with Partial Immersive Mode On (thanks to Bishishi and Led ). Its suggested design is almost the same as its Story counterpart, except for the Trial Timer bar. Again, as this bar is also unobtrusive, it is placed right below the XP bar.

    As suggested by Chosen , abc127, et al, a Trial number label is placed on the timer bar.

    (3/3) GAMEPLAY > PLAY SCREEN MAP

    Click image for larger version

Name:	43.3_Gameplay_Map-Popup.png
Views:	161
Size:	216.8 KB
ID:	102890
    On pressing the Map button on the bottom-left corner, this popup is displayed. For consistency, this too is aligned to the other popups discussed earlier.

    Notice the zoom-out icon on the Map button. The player can simply press the same button with the left thumb to minimize the popup. A Close button also minimizes the popup, in case the zoom-out icon is not visible for players with defective vision.

    The enlarged map in the content area of the popup can be scrolled and pinch-zoomed.

    Comment


      #47
      (1/5) GAMEPLAY > VICTORY

      Click image for larger version  Name:	44.1.0_Gameplay_Trial_Victory.png Views:	1 Size:	236.6 KB ID:	102892
      Upon defeating the end-map boss/ monster(s), this display is presented. This image presents the screen layout for left-handed play (via Settings > Accessibility), as requested by Loque , Korsack , Terca , Abasuto , et al.

      As discussed earlier, a “Victory!” message flies in, stays momentarily on the screen, and flies away. This unobtrusiveness is a repeated requested by several players. The Close button returns the player to the Trials Mode page. Simultaneously, the Armory icon blinks, offering a choice to return to the Build interfaces.

      As the glowing Victory message is kept away, the player can move around freely and mop up any enemy stragglers before exiting.

      Let’s take a look at the action of the Combat Stats button.

      (2/5) GAMEPLAY > VICTORY > COMBAT STATS

      Click image for larger version  Name:	44.1.1_Gameplay_Trial_Combat-Stats.png Views:	1 Size:	211.5 KB ID:	102893
      Requested by numerous players, this popup is launched on pressing the Combat Stats button that appears at the end of battle. Its purpose is to present a performance report about the hero’s defenses and offenses. Basically, this report augments and extends the Training Grounds functionality.

      Both the hero’s Endurance and DPS stats are summarized, giving the player valuable insights into improving the hero build.

      Note: The Close button is switched to the left side due to accessibility settings for left-handed play.

      (3/5) GAMEPLAY > DEFEAT

      Click image for larger version  Name:	44.2.0_Gameplay_Trial_Defeat-Popup.png Views:	1 Size:	170.9 KB ID:	102894
      In the unfortunate event of the hero suffering defeat in battle, this popup offers 4 helpful choices for a bounceback. Notice the careful wording of the content text to avoid anthropomorphism. Here, as suggested by , Travesty , SoulGaming2 , identifying the hero’s killer and the killing skill could help in preparing for that monster’s attack when the hero resurrects.

      Again, like the Map popup, this popup is also sized and aligned to the other popups discussed earlier.

      This Defeat popup does not offer a Close button. The player has to choose 1 of these 4 options to proceed.

      PS: Unlike the positive “Victory” or “Finished” messages that end with a celebratory exclamation mark, this negative “Defeat” message title ends with an ellipse, indicating continuation—defeat and death in Eternium is not The End.

      (4/5) GAMEPLAY > DEFEAT > SHOP

      Click image for larger version  Name:	44.2.1_Gameplay_Trial_Defeat_Shop-Popup.png Views:	1 Size:	239.7 KB ID:	102895
      On pressing the Shop button on the Defeat popup, this popup is displayed. The player can buy a suitable remedy, which gets deposited in the Inventory (unless it is Gold, Apples, or Potions).

      The player can then close this popup via the Close button and return to the parent Defeat popup behind it. From there, the Armory can be launched.

      (5/5) GAMEPLAY > DEFEAT > ARMORY (and Quit)
      Click image for larger version  Name:	44.2.2_Gameplay_Defeat-Armory-Exit-Popup.png Views:	1 Size:	209.2 KB ID:	102896
      If the player returns to the Armory via its button on the Defeat popup, and then decides to quit the battle without winning, s/he presses the Exit button on the bottom frame of the Armory interface. In such a case, this alert pops up seeking confirmation to quit the battle. The consequences of quitting is also mentioned.

      The Close button enables the player to reverse the resignation attempt.
      THANK YOU AND GOD BLESS! ​​​​​​​
      Last edited by PGB; 05-31-2018, 03:00 PM.

      Comment

      Working...
      X