New User Interface: Part III - Cards

Dearest players,

It’s time to continue going over the UI changes we are working on and in this part we will again be looking at one of the main menu buttons, CARDS and a brand new deck building interface.

In part 1 of this series of devblogs on the upcoming UI changes we explored the Home screen. Then, we talked about the PLAY button in part 2. Now, let’s take a closer look at the CARDS button.

When you press the CARDS button, you will get access to the following screens:



[h2]1. DECKS:[/h2]

Swipe or scroll up/down for your list of decks.

• Click/tap any of the decks to edit the deck via the new deck editor/builder (more below on this).
  
  
• Click/tap the empty deck slot with + to create a new deck.
  
  
  • Select custom deck (default).
    
    
  • Or Prebuilt deck (if you own any).

[h3]New deck editor/builder[/h3]



This is probably the biggest change we will cover in this blog. The whole layout of the deckbuilder will be changed. While the current version of our deck builder works, we've always felt it could benefit from a fundamental overhaul and improvements. This has also been the feedback we've gotten from the community from early on. The main things we want to achieve with the new layout are:

• Accessibility - being easy to understand and pick up quickly.
  
  
• An improved deck overview (seeing a bigger part of your deck in the process).
  
  
• A more suitable and consistent UI for mobile.
  
  
• Various improvements for power users (especially on desktop).

The new deckbuilder is split into 3 main areas:



1. Top bar - Deck builder variant.

• Show all (unowned cards included)

• Wildcard overview.

• Magnifying glass for search (expands on clicking/tapping)

• Filters (on mobile we don’t have as much space to show all the filters on the front, so they are all grouped together in a filter panel. On desktop, most will still be available from the front.)

2. Collection - Filtered by the nations in the deck. Scroll or swipe up/down to view all the cards. Click/tap on any card for details, history and the ability to create cards with wildcards.



3. Deck - Cards shown stacked vertically in a separate panel on the right. Part of the top bar also belongs to the deck part.



[h2]2. PACKS[/h2]



Click here to open your unopened packs. Currently this section works pretty much as before on the desktop version but is slightly different on mobile. However, we will be upgrading the pack opening experience much more in the near future.

[h2]3. COLLECTION[/h2]



Here, the layout changes much in the same way as in the deck builder. Instead of the deck on the right, that panel is dedicated to filters exclusively.

There are of course a lot more details we could go into but I believe this covers the main changes and reasoning behind them. In the next blog in this series we will look at some changes we are working on within the battle scene itself which will affect the game itself the most so stay tuned.

As always, let us know what you think about the changes highlighted here in the comments below or on the KARDS Discord. Your feedback is very valuable!

Gummi, Chief Creative Officer