5
Feb
2016
DevBlog

UI Iteration #1: Tavern

by Capt_Eatbones

Ahoy, fellow mates!

It’s been a while since our last meeting, the articles about the interface design process of our upcoming game Nantucket. If you missed them, here you have the links:

Well, I’m here again because of what I said in those articles: iterations. Oh yes. Right after the Milan Games Week 2015 (here’s the full coverage) we analyzed the received feedback and a relevant part was related to the UI not being clear enough.
We decided to rework the UI with the goal of make it more readable. The mistake I run into is trying to have an appealing UI, well integrated with the “Paper” theme. Too much integration leads to less readability of the UI elements, being too “camouflaged”.
An example of this are the generic buttons: too many different styles so the user cannot really say when an UI element is a button or not. Following this principle, I started re-designing basic elements such as button, check boxes, etc. up to whole UI panels.

Today’s article is about the first big change: the Tavern UI, used to hire/fire crew members. If you don’t know what’s this UI is about, please, read the previous article Looking for strong hands and a drink.
I’ll start by analyzing the UI that we had, highlighting those aspects responsible of the not-so-good User Experience.

HarborView_Tavern

I thought the Tavern panel as a page of a hired crew book, where the captain takes note of the details regarding his/her crew members. At the same time we needed a list of the available crew for hire in the Tavern. The old UI you see above, presents the list of members “For Hire” and “Hired” one on top of the other. The interior layout of each list is the same: on the left, the list of members and, on the right, the details of the current selected character. Being one on top of the other was thought to let the player compare visually the details. The main issues of this layout were the following:

  • Lot of information is displayed in little space.
  • Most of the information is in text form.
  • The right tabs filters are almost invisible to the user.
  • Drag&Drop assignment not clear.
  • Prestige points used too “camouflaged”.

As I stated in previous articles, design ideas don’t come from just one person. Actually, Daniele, our programmer, was who suggested a mock-up with a possible solution for the Tavern layout:

TavernConcept

As you can see, we started with a rough concept. Nonetheless it contains all the corrections, at least functionally, we needed:

  • Separated captain panel, on the left, as in the navigation phase. This way, the captain’s panel is always placed in the same screen area, no matter what phase you’re playing.
  • Split into two different panels the lists “For Hire” and “Hired”. The layout remains the same, more or less, but they are visually separated.
  • Added two buttons for Hire/Fire in the middle between the “For Hire” and “Hired” panels.
  • Bigger filters tabs.
  • A popup to be used as help tip for the player.

Even if the main changes are present in the above mock-up, there were still aspects not solved, as the Prestige point/cost. So, after this first suggestion, I worked on a bit more defined mock-up:

TavernNew

As you can see, a step forward has been taken in this second mock-up:

  • Added into the details area the illustration of the selected character. This is something that several people told us would have been better to have in order to visualize the person and not having just a name. It should add a bit of depth.
  • Each of the two panels “For Hire” and “Hired” has its own action button, “HIRE” and “FIRE”, point toward the direction of the change of places. This way we introduced an alternative to the drag&drop assignment/fire. Regarding the drag&drop, we also introduced a changing cursors while on a dragable element of the interface. This decision has been applied everywhere in the game, not just here.
  • Added a Prestige icon for each character label representing the Prestige cost of the person. At the same time, below the “Hired” panel, I added a Prestige Used progress bar, to better visualize the concept. Indeed, the Prestige Used icon and the Prestige Cost icon are quite similar.
  • Moved the Cancel and OK buttons to the bottom right. Most of the people who tried the game where always looking in that area the buttons to close/cancel the action.
  • The filter tabs are not bigger and colorful!

After this second step, I worked on the final version, the one that we now have implemented into the game currently. Here you have it:

TavernNew3

As you can see, some more changes occurred. I moved the tabs on top of the “For Hire” panel because placing them too far on the right made them still a bit “invisible”. Moreover, I placed a darker paper sheet on top of which the two “For Hire” and “Hire” panels are laid. This way I can keep the UI a whole panel. Also, you can see the new style for the buttons: since the paper usually has a lighter color, I decided to go for a darker one for the buttons, to make them stand out more.
The last change is about the captain’s panel: the health bar is now a more “common” red bar with the health value on top. I also added a XP bar, at the bottom of the captain’s picture, with the value showing the current amount against the one needed to level up.

We showed this new version to several people and everyone, even those who saw this UI for the first time, stated that it’s quite good. It’s not perfect but, surely, a big step forward.
We are up and running! We want the best experience for the players and for this reason we chose to keep tuning whenever and wherever possible.

Well, for today I’m done. Don’t worry, though: more UI iterations are coming! So, stay tuned and follow our Devs play video series!

19
Oct
2015
News

Nantucket @ Milan Games Week 2015

by picaresque

MilanGamesWeek_Social

Direi che è d’obbligo iniziare in italiano questa volta!

Picaresque Studio sarà presente al Milan Games Week 2015 (23-24-25 Ottobre), con una versione pre-alpha di Nantucket.

Se siete nei paraggi e volete provare il gioco (o anche solo incontrarci), potete trovarci all’interno dello stand Indie organizzato da AESVI per promuovere il “Made in Italy”, situato all’interno del padiglione 3. Passate numerosi!

Now, back in english:

Picaresque Studio will be attending the Milan Games Week 2015 (23-24-25 October), where we will be showcasing a pre-alpha version of Nantucket.

If you want to try the game or just meet us, you can find us in the Milan Games Week Indie stand, located in pavilion 3, together with other indie titles “made in italy”.

 

 

22
Dec
2014
News

So this is Xmas!

by picaresque

Hi there!

The Picaresque Studio team would like to thank you all for the support during the past month.

Actually, you know what? A few words would be nice…oh wait! There’s someone who’d die to personally give you a speech:

Christmas

We’re going to spend sometime with our families and friends but don’t worry, we’ll still be here to keep you up to date!

Cheers!

11
Dec
2014
News

NANTUCKET – TEASER TRAILER

by picaresque

We are pleased to give you a first look at our upcoming game ‘Nantucket‘ in a new teaser trailer.

The teaser shows a portion of the Nantucket’s opening cinematic and it features the work of amazing people who are working with us on the game: Giorgio Palombi (art), Carlos Sanchéz de Medina (music) and Jeff Espinoza (voice).

Check it out and enjoy it!

Keep following us on Facebook and Twitter for more news about the project as well as our DevBlog for development updates.

4
Dec
2014
DevBlog

What about…Voices!

by Capt_Eatbones

Hi there!

we’re back with our travel’s log (in my case, the Captain’s Log)!

Today I want to share with you our first day of recording: the game’s voices. Oh yeah, we got some nice ones for you in the game! Most importantly, we had the honor to meet Jeff Espinoza who’ll be dubbing actor for Nantucket! We knew him thanks to Carlos Sanchéz de Medina, our musics composer. Carlos gently offered his house to record our voice overs and voice effects (the prove in the photo below).

 

Capt_Eatbones and Jeff Espinoza

Jeff is a blues singer, songwriter, voice over, dubber and actor. He’s mostly known for being part of the Red House music band but he also worked on the Deadlight videogame.

Here is an anecdote: when Carlos spoke to him about us and about the game we’re making he said “What a coincidence! I’m reading Moby Dick right now!” This is what I call “a sign”. Really, he’s a great person and a great professional. He helped me a lot during the recording, suggesting what would have been better to do and…correcting some English mistake!

Do you want to hear something? Are you curious of what to expect?

Stay tuned! Very soon you’ll get a grasp of what’s coming!

28
Nov
2014
DevBlog

The art of Nantucket: which way to go

by Capt_Eatbones

Hello everyone,

this is the first post about the art of Nantucket and, of course, there will be more. Today I want to share with you some information about how we started thinking the artistic style of this game. I know…you haven’t seen anything properly yet but, don’t worry and be patient a little more ;D

First of all, this is our first attempt as indie developers. This has always a big impact when it comes to make decisions regarding what will affect the whole project. That happened especially when we started searching for references of what we’d like our game to be, visually.

Now, we’re Italians and, usually, means that some masterpiece from the past always comes to our minds (oh, my god xD) Here you have some of the references we’ve been chasing:

We wanted to be faithful about the age we’re telling our story. We also wanted to pay a tribute to the Picaresque art styles. And lastly – yes, here we comes – we wanted to pay a tribute to Italian illustrators. We love one in particular. He’s one of the great illustrators we had, who recently passed away: Sergio Toppi. We loved from the first moment his art, the stories, the energy, the contrasts of his techniques. We found in his works what we were looking for: something modern, yet with an old flavor. Here you find some of his works we’ve been so inspired by:

As you can see there’s lot of traditional arts that we considered. This is because we feel a strong bond with them. You got a taste with the Nantucket announcement image. Here you have a couple more images of the art of the game:

 

Sailing

 

Scream

Now, in the next posts about the Art of Nantucket, will be focusing more on specific elements of the world we’re going to introduce. So, keep in touch and don’t miss the next “chapter”!

See you soon!

Capt_Eatbones