Wednesday 30 May 2018

How to get past your creativity block and why you should try new tools for your design

Let's explore why the tool has nothing to do with the art, but why the different tools can help you open up your creativity. We can explore other ways to get you out of your rut, no matter what you are designing or trying to be creative about. What tools have you determined will help you solve your problems? Why are you stuck? Lets try beating designer's block.

"A Poor workman blames his tools"


We've all heard the saying to some effect - and it applies to engineers and designers as well, but it's not the whole story. Here's an important part not to get wrong - this doesn't mean that tools have no effect on the overall outcome. This can't be true as there would be no point of their existence at all.

So let me unpack a little bit, tools enable, they are an extension of a user, a great designer can design on a napkin if necessary. So, no, you can't always blame your bad work on bad tools, but there is merit and skill in knowing which tools actually work (not just based on reading the reviews and picking on a 5 star rating!), the most experienced professionals will know which tools would be appropriate for a job personally.

BUT. Let me interject here with a reason why there is value in using other tools, even if you have found "the one" in terms of your perfect tool for the job.

Depending on the tools you decide to work with, you are inherently locked into a certain framework, certain pros and cons that come with said device. You have likely picked the tools based on comfort first, and then perhaps some experience you have around the tool or knowledge about it for the job.
You have then determined that other tools cons are not best for the job.

That.

That is precisely where the value can come from. Here's my situation currently. In a previous post, I talked about using Gravit Designer and how I have determined that was going to be the tool I used for 10Up development.

Sometimes you get stuck

The problem is, I got a little bit stuck when designing the new graphics. Now, I'm not sitting here blatantly blaming my tools and saying the designer tool I've chosen is why I can't create the right graphics for my app. But because of the fact that I was stuck, for me it generally  means time for a change.

From another well known quote "Insanity is doing the same thing over and over again and expecting different result", well in this instance it was time to look for a new angle. And that new angle was going to come in the form of new tools.

Change it up


Think about it. You try to solve the same problem using some different tools and different places and in some cases you can expect different results. This is precisely what I was going to do. Change tools. Not because the first tool was broken, but to create a change of pace, change of angle, different perspective, whatever you want to use to explain it, but the inherent cons in the frameworks forced upon you by specific tools may just be what the doctor ordered.

Typically you hear about getting in a different mindset, going outside, looking at other solutions, mediating, etc. But I thought, no, let's try this.

Design the same problem with different tools


So, I got myself a Wacom Intuous and started playing with Piskell App for creating pixel art and Sketchbook for drawing ideas (Yes a pencil and a napkin can also suffice) and started trying to design for the same problem, starting with completely different tools.

At first I just started creating whatever I could create, but eventually that got some juices flowing onto my original problem. The great thing here is the fact that even if you don't completely solve your issue, if you have gotten past a certain design hurdle - boom - all of a sudden you are back. Reverse engineer that idea and come to the original place of work and execute.

You're simply searching for a trigger and other tools may not be where you really want to develop your idea the forced perspective may be all you need.

And 1 more reason


Changing tools may help you with your creative block but there is one more reason for the technical experts out there and it is tying back to what I said at the beginning of this writing
"the most experienced professionals will know which tools would be appropriate for a job personally"

As a professional you owe it to your self learning to use tools you never have in order gain personal, physical experience with other tools and further yourself as an expert in your craft!

As always, good luck to all on your side hustles. If this helped you or made you think at all, share it with your friends and family! You never know who could need it.


Tuesday 22 May 2018

Why UX is King. User Experience Matters.

If you are an engineer or developer consider this;

It's always interesting when the battle between function and UI/UX as a priority takes place. On the one hand you have the point of view that "if nothing functions, who cares how good it looks" and on the other you have "sure it functions, but who cares if you can't use the thing and it looks bad".

So how do you choose what is the priority?

Let's consider 10Up


10Up is one of those games where an individual puzzle itself can be entertaining. Depending on its difficulty determines how much mild entertainment one would have in the exercise. So the real game is built upon repetition and solving as many as you can against the clock.

So this has always had several design challenges especially considering both UI and UX. In 10Up 1.0 it was imperative that I had function down and whilst considering some UI, no care was taken into UX. I thought I had this middle ground between getting function and some form of UI/UX. 

Engineers typically prioritize function

Here's where it is a problem for most engineers: It was a math problem, and you have the tools to solve it.

This is where functions matters above all because without function who cares what it looks like. The software is a tool, similarly like a hammer as a tool, you wouldn't care if a hammer looks good or ugly, can it pound these nails? - No one wants an expensive pretty hammer that can't even destroy a paper cup.

Well, here's the thing, this comparison is actually not complete enough to be comparable. The equivalent of having poor UX on a hammer (although not entirely feasible) is knowing you have a hammer but not knowing where the handle is. Or when you grabbed the handle, the head would shrink for some reason and you had to press a secret "smash things" button to make the head expand to the functional mallet you were asking for.

So the current issue with 10Up is the user flow for a human to solve a puzzle was not intuitive. It was hard for me to understand this as I could work it out, all the tools were there AND I added some colours to indicate where to be looking. I just needed to explain it once and the person could play easiliy. So I focused alot of the advertising and marketing on including some game play working through the puzzles to educate.

But here's the punchline:

A User Interface is like a bad joke. If you have to explain it, it's not very good.


Great.

So now we know that User Interface is important because people can't use the tool. We understand that the purpose of a tool, aside from is function, IS to be used.
But here's where we say, "but, I have a deadline of yesterday and I don't even know if the thing works or not! I can't be wasting time on user interfaces!"

How do I get more time to focus on UI?


Well thankfully you read this article. Here's how you "make time" for considering your User Interface. The more you practice it, the better you get. It takes just as much time to make a poor user interface as a good one. Remember -it doesn't have to be amazing and completely polished (much like the functions) but if you consistently consider UI even when building new functions, it becomes second nature, like driving a manual and you won't be discussing this again. 

It's about balance.

I am not suggesting you spend 20 hours on UI/UX and 5 hours on function and after one full day you have something that doesn't function. I'm saying as you build your functions instead of creating that default object, you set a few variables and place some frames around it. You include what you need to and you are fast enough that there is no detriment.

Now if I'm not done convincing you, here's the final kicker. 

At the end of the day the tool you are building should be designed in a way that it could scale if necessary, or bug fixes can be resolved. Half the problems from the client will be caused by UI/UX problems.

By contract a customer or client may say "Function A is a necessary requirement" and you can focus on it being perfect. But at the end of the day the first thing the client wants to see is the interface. And when you've got this scrounged up last minute interface, the work behind already seems like it is rushed as well.

For future you - you will be building functions and bandaid fixes purely because of your poor UI!

So work on your UI/UX skills from the beginning!!

Now for some bonus content have a look below for some exploration of 10Up user interface within the game. A point and drag system to a central point as this will push users to understand that they are combining items one by one. 



Below is some early stages of the character designs I mentioned in my previous blog.

As always,  good luck on your side hustle!

Friday 18 May 2018

The motivation behind your ideas


Sometimes when you are trying to get creative and think of ideas you can get caught up by wanting to incorporate every single idea. Whilst you can come up with several good ideas, sometimes you just need to park majority of them and focus on one.

An idea may be good but the idea inherently adds some layers of constraint that may not be noticeable until you get so far into the project that it is too late to change. This may not necessarily be a bad thing, but simply something you need to be conscious of when deciding which ideas to go with and implement.

What's the motivation?

Focus on the motivation behind the ideas, almost like going to first principles. What is the root of the idea that gave this relevance? For 10Up, I last left you at the point where I was working through some design hurdles. If you didn't get a chance to read it see it here. I recommend it for a step by step process for working through your design hurdles. This process lead on the path of looking at the very first creation of 10Up for Windows. The design was focused around fun and cute characters to soften the "math" feel of the game.



So in this example the idea is to have "cute characters" integrated into the game. Now, to find the root of this idea and it's relevance? Well, simply, the game is meant to be a fun brain game and the root of this idea. Meaning I don't necessarily have to go with the same cute characters, but there is some value of introducing some visual characters into the game.

Let's look at another design goal that was missing from Version 1 of 10Up which was player progression. In the current version of 10Up the only progression is based on high scores, which was great, don't get me wrong, but it could be so much more.

Another goal was to keep the game free but still a way that creates an opportunity for revenue but without making the game pay to win. Using these 3 goals, the idea is now to create unique characters that will "help" you in game to solve puzzles, but in addition as you play the game or complete levels, you will have an avatar to add skins to or other characters to unlock.

Fall back to your design goals

Now this opens many, many doors and is the current design direction I am most exploring and considering,  but rather than expand (which I can do in another post) I will explain the connection. The motivation of this current idea is in consideration of 3 of the main design goals:

  1. Creating a fun brain game atmosphere
  2. Immersive player progression
  3. Opportunities to monetize without disrupting the game
So, now I have created some layers of constraint which I will design within, but, aside from completing the idea, how do I have confidence that this is the correct design to go with?
Yep.
You guessed it.
The motivation behind the idea is seeded in and tied directly to main design goals.

You've got it right. Now go for it.

At this point, it is all in on developing the design within this framework and executing. Only time will tell, but I know for sure I am starting in the right direction to achieve my design goals for 10Up 2.0.

What are your techniques for validating some of  your ideas and making the choice to go a certain direction?

If this has helped you with your ideas and decision making feel free to let me know or share with your friends!

As always, good luck on your side hustles


Saturday 12 May 2018

10Up App Development - How to work through design hurdles

Hopefully you all caught a glimpse of my previous post sharing that early stage graphic design has begun (and why and what tool). Well if you look carefully at the image there there is an image of one of the number designs.

The intention was to go with circles surrounding the number and would involve creating each digit possible and number. But there is a fundamental issue with this for when a number is not 0-9. i.e. single digits. For a game like 10Up, in theory the maximum number sequence a player could do is 9 x 9 x 9 x 9 which equates to: 6561. It would be unwise to endeavour to create unique individual digit graphics for 6561 numbers AND this doubles in effort each time I decide to add an animation etc.

This is a fundamental problem where in version 1.0 I got around by simply creating squares and adding a text field to the image. Now this is a fine approach, functional even, but one of my goals for 2.0 is a big focus on user interface and user experience.

I am working with 2 idea thought processes right now that I will work through and update here with which path I decide, but essentially I have the original original 10Up theme (Windows 8 Release) which involves unique colourful characters for each digit. and for double digits and above a special character not unique.

The other is a shape or single character holding a rectangle shaped object for which the text field would reside. (less visually appealing)

Currently both need to be explored, and neither may be the answer. But my next step will be to go back to the fundamental goals of the 2.0 update and reverse engineer from there. That's always the technique I go with when rehashing ideas and creating something new.

  1. Identify some variables
  2. Get some inspiration from other places
  3. Go back to the fundamental goals of the project
  4. Open each thought process and explore it
  5. Run through each process possibility in head
I call it VIGOR - variables, inspiration, goals, open, run. In the next post I'll share the result of my quest and hopefully have some new direction with the overall design.

So here's a question; what do YOU do to get your creative juices flowing and how do you deal with slight bumps in design?

As always, good luck with your side hustle!

Friday 11 May 2018

10UP App Development - early stage graphic design

This is exciting. This is the point in a project where its so early that you quickly learn how many assets you need just to get semblance of anything. Before I continue, here's a quick glimpse into the first 3 items I've started designing for 10Up

Most times there is a balance here between focusing on function and focusing on how things look. Typically you argue with yourself, whats the point of how it looks if I can't figure out how it functions. If it functions - I have a game regardless of the look. Why focus on the looks?

Well, I can tell you at the end of the day, both are important. When I started 10Up 3 years ago, there wasn't any game to base off of. So, what I did was focus on function, and had some very basic design queues. This simplified everything.
Does this mean that I think if I focused on graphics the app would have done better? Well, possibly, but not necessarily. What the users decide is a good app will depend on several factors, within the context of time. Some apps are very basic with terrible graphics, but because of the way the app came in and the timing, it became the flavour of the month!

Now as an Indie app developer, of course that's the dream! Build some basic app that's super fun that for some reason goes viral. In reality an individual app developer can't beat big corporations with teams doing specific things.

SO. The focus will be bringing a great looking app to the scene as function and the game itself has been proven with 10UP in it's current state. The app had 2k+ downloads with 500 participating in the leaderboards. For me personally, I was super excited I created something like that.

So hopefully with this project it will be clear how much focus I'm putting on the design and I will share that here as it grows, and we can compare the trajectory and growth.

For those of you who are up and coming developers I can personally say to design all my graphics for this project I will be going with Gravit Designer. Do your research, but my summary is: Interface is awesome and extremely intuitive, great compatibility with output formats, cloud functionality is perfect, and the web designer is fully functional and smooth!

Doesn't matter where I am or what device I can continue designing the project.

Feel free to ask any questions on the 10UP color theme or the gravit software, or anything you need.

As always, good luck an all your projects!

Wednesday 9 May 2018

Building a Ragnarok Online Server from scratch

Ever wanted to be in charge of one of those games you played years ago?

Snake Ragnarok Online


If you read my previous post you will know I'm on a bit of a mission to make progress towards my side hustle. Part of that mission is to work on a bunch of side projects.

So here's a bit of a post that won't be a guide on developing a server but moreso covering some of the early stages of setting everything up. You can find the link to guide at the end of this post.

Now, if you are unfamiliar with Ragnarok Online by Gravity it was one of the early MMORPG games on the scene initially released in 2002 for Korea and 2003 onwards for everyone else. (About 15 years ago!) Needless to say I played that game religiously early on and have played it on and off for the past 15 years.

After the main game had lost popularity many clone servers started popping up. These servers became F2P and offered faster leveling for most players (less grind) and an opportunity to achieve levels never seen for most players, effectively giving access to some players to new content of the game without having to invest as much time.

Since then there has been a slew of private servers and even a site where you can vote for the most popular ones over at ratemyserver.net and I've always wanted to build a server. Now in a previous attempt I did manage to setup a private server but had no means of actually making it an online server. This time around there is.

A family member of mine is hosting the server and began the installation, my part of the equation will be in databases, coding, networking and the webhost.

Check out the progress of Snake RO here !

If you are interested in hearing more about this project a Facebook page has been set up. I'll post more as I learn some things about this but essentially it's good to know that network and systems skills that I have learned throughout my career will bridge the gap between setting up a local game server, to a fully hosted online experience!

The guide used for this project can be found here. If you are interested in giving a project like this a go or you were a RO player back in the days then give it a shot and tell me how you went!

As always good luck on your side hustle!


Tuesday 8 May 2018

How to motivate yourself to work on your side hustle

If you're anything like me you have a side hustle. You work on it when you can, you enjoy it - its your hobby. But if you're anything like me then there's also this thing called life that can "get in the way".
Now, this is normal and it doesn't mean you aren't doing well in the other parts of your life. Once in a while you get randomly inspired to "do something"... maybe you watched some clip posted on Facebook, or the latest Gary Vaynerchuk rant and you decide to do something about it. For me that was to start with a post on this blog, with some intention to do some follow up work, and then blog about the follow up work.
Blog gets posted, you decide to do the follow up work where you can, nothing substantial finishes ergo no follow up post. Looking at my history I posted more regularly during 2014 and 2015, 2016 was a hiatus and in 2017 is a singular post. This post was one of "those" moments.

Motivation as a boost

Now, trying to motivate yourself in terms of hyping you up to get into your flow and get stuff done is quite a google-able task. This form of motivation as a boost may be the stage you are dealing with currently and may well be all you need to get back into it. For me, this happens in cycles and this is normal for most people and goes with the regular ebb and flow of life. The problem is when you have gone through this cycle several times and the boost motivation has got you progressing a whole lot of things over time, but you haven't finished any of them.

At this point you may think you're looking for an even bigger boost but what you are looking for is actually not more of a boost, it's quite the opposite in fact, you need to strip things down and go back to original purpose.

Motivation for life purpose

This may seem daunting, but trying to find motivation towards your life purpose does not necessarily mean you have to have found your life's purpose - that could take a lifetime to find - but whatever your life purpose ends up being you need to know how to get motivation from it and use that motivation towards it. So we need to scale things back a bit here, perhaps it may not be your root life purpose, but it could be understanding the true purpose for your side hustle anyways.
This is where you could say its for your family, or you want to achieve x, or be as good as y person. That's not super motivating (if it is stop here and GO). But once you are here there's 2 paths to go down. 1: Emotional and 2: Functional.

Let me break that down real quick.

Emotional assessment of the true purpose for your side hustle

Explore a few things in your head (depending on what you chose as the reason for your side hustle) maybe its for yourself or a loved one or a random, regardless, consider both never in your life ever achieving that goal, then take it further and imagine it being worse. Now also imagine the life where you did achieve this goal, then take it further and imagine achieving it instantly, at a reasonable time and at an extremely long time frame (without it being unattainable).

Thanks... so what was the point of this?

Well, at best, you have gone deep enough to validate your reasons and quell your excuses for now, at least enough to go back to "motivation as a boost" and finding your nearest inspirational video, watch it and take some action... and at worst you have confirmed the level of seriousness and or criticality of this goal.

If the criticality or seriousness is not too high then this would explain why the emotional motivator was not enough. Lets now continue on to the functional approach to assessing the true purpose for your side hustle.

Functional assessment of the true purpose for your side hustle

What does this even mean? Well, what you want to do here is reverse engineer from the "why" how you would achieve that. Do you end up back at your actions being the original side hustle? For example, you decide to work on an app as a side hustle, you've now defined that the true purpose for your side hustle is to give yourself some financial freedom.

Start from this point and logically think out the steps that lead you back to working on an app as a side hustle. If it aligns this is where you become specific and think about it in such detail that you can break it down to individual tasks that need to get done to progress to the goal. For the example it could be selecting the color theme of the logo.

Hopefully this does one of 2 things at this point. First you have broken down things to where you could spend the next day selecting the color theme of the logo and have peace that you are actually doing something that helps achieve the goal and feels super easy, leading onto gaining some momentum and motivation. OR it lets you re define your side hustle and takes you back to square one, breaking your motivation cycle.

Bringing it back

So does any of what I have said so far made sense to you? Maybe it was, maybe it wasn't feel free to discuss. This is one of those things that are an ongoing life battle with no wrong or right answers as long as it works for you in the end.

How I'll be specifically applying this and the area which I will be focusing on is my side hustle as an app developer. I've decided now to focus back on 10UP 2.0 and build out full functionality for it using Unity 5. This will be both an Android and iPhone release (and hopefully more!)

My why is for multiple reasons: 
  1. to develop more skills and expand my experience as an app developer and an engineer
  2. complete a game I found fun so that my future kids can enjoy it
  3. generate additional income to provide some financial freedom for my wife and family
Lastly, I would also like to help other upcoming engineers out, sharing my knowledge and discussing current engineering issues and trends. This is why I have made the decision to commit to SarioDev and am now the proud owner of the domain sariodev.com

I will use the development of 10Up as a kind of muse for the blog and discuss more and more topics on the back of this project.

Accountability is good, documenting is good, and practicing communication skills is another positive part of developing as an engineer.

So with that, I wish you all good luck in your careers and get back on your side hustle