Inspiration: Pixel Thoughts

My brother showed me a website that reminded him of my project called Pixel Thoughts.

Pixel Thoughts is a meditation tool that claims to clear your mind in 60 seconds.

pixel1.PNG

First, you are asked to type the stressful thought out.

pixel2.PNG

Then, the thought you typed is placed into the circle, and for 60 seconds, reassuring sentences are displayed, as your thought circle gets smaller and smaller.

pixel3pixel4pixel5pixel6

pixel7.PNG

I really like this! It’s really simple but is a good idea. The reassuring sentences help you put things into perspective, and I also didn’t notice how small the thought circle was getting because I was reading each of the sentences.

It’s a really nice, quick way to calm down and relax and help you realise that everything will be okay!

 

 

Advertisements

Inspiration: HouseRules

While searching for , I came across some screens that grabbed my attention. It was from an app called HouseRules.

homescreen-v1

What grabbed my attention was that the style and design of the app was quite similar to my own. It had a background image blurred with a dark overlay on top, as well as ellipses with icons in them.

Civil-war

I liked the colours that was used for the icons, and they were similar to the ones I was going to use for my own. As well as that, I like the way they styled the Navigation bar down below.

browse-games

Source: idfive

Anxiety-Reducing Music

While looking online for music for my app, I came across an article about a song that helps reduce anxiety by up to 65%. The song’s rhythm, bass and harmonies help slow heart rate, reduce blood pressure and lower levels of the stress hormone cortisol.

Read the article here.

The song is available to purchase for €1.29. I would like to add this to my app but I am not really sure if I am can with licenses, etc. so I might have a look into it.

Inspiration: Logos

 

Trying to decide on a logo is a lot harder than I thought it would be! I think that it would be easier to think of logo ideas if I was actually sure of the name of my app.. but I haven’t really had any catchy or somewhat decent names for the app apart from Control My Panic.

However, I still went ahead with some logo research. I already looked at the app icons of some of the apps I had previously researched, but a lot of them were very basic or were just the name of the app. So I just searched some generic terms that related to my project: panic, panic attacks, anxiety, meditation, mindfulness, etc. to see what kind of stuff would pop up and if it would spark any creativity in me at all.

Here are a few icons/images that I feel are relatable to my app and gave me a little bit of an idea of what I should be looking towards.

icon-anxiety.png

Source

a8e3a3e2224b8039e6e0fc8065f0bb68

Source

yogaed_icon_circle-stressed-4x.png

Source

Mindfulness.jpg

Source

3sm.png

Source

mindfulnessSymbol.jpg

Source

MindfulnessIcon.jpg

Source

28402747-yoga-zen-meditation-icon-colorful-vector-element-and-symbol-Stock-Vector.jpg

Source

vector_fitness_with_meditation_logo_set_571895.jpg

Source

Font Combinations

Another thing my prototype lacked was legible text and my font choice contributed to that. I didn’t do any research on font combinations and just chose fonts that I liked myself.

So I started researching font combinations and came across a lot of really useful websites. The combination I’m thinking of going with is a Cursive font and a San Serif font – contrast is nice! I want both fonts to be clean and legible at any size.

After having a look around at different font combinations.. I didn’t really see many cursive & serif combinations that I liked, only a few.

I font u

1.png

The only problem I have with some of the cursive fonts above is that they may not be legible in the app. I also had a look at some other combinations.

2.PNG

3.PNG

Canva has a nice font combination tool – you select a font from their drop down list & they give you a suitable combination. Surprisingly, however, they didn’t have any cursive fonts.

4.PNG

I really like the font Montserrat so I tried that to see what it would be paired with. It got paired with Droid Serif and they work well together.

5.PNG

I think for my mockups I’m going to try out both a cursive & serif combination as well as serif & san serif. It’s hard to judge what will work with the app without testing them first!

References:

http://fontpair.co/

http://www.creativebloq.com/typography/20-perfect-type-pairings-3132120

https://www.canva.com/font-combinations/

https://creativemarket.com/blog/10-infographics-on-how-to-mix-fonts-like-a-pro

http://ifontyou.com/styles/script

https://designschool.canva.com/blog/the-ultimate-guide-to-font-pairing/

http://tutvid.com/web-graphic-design-inspiration/20-amazing-free-font-pairings/

https://tympanus.net/codrops/2011/11/12/25-fresh-examples-of-beautiful-typeface-combinations-in-web-design/

https://blog.snappa.io/font-combinations/

 

 

Inspiration: Stress Analyst

When I was looking at KillYourAnxiety.com, I came across a link for when you’re having an anxiety attack. I clicked on it and it brought me to a Stress Analyst. It’s a page that helps you get over a stressful experience by analysing your stress.

You can either choose “calm me now” or “just looking”. As I am looking at this for research purposes, I chose just looking.

It tells you to pretend you’ve been in a stressful experience and answer as if it was real. You choose how you’re feeling – I chose panicky.

stress1.PNG

After that, it tells you that it’s going to figure out why you feel panicky. You’re asked to look around and if there is any sign of physical danger, to run. Then you choose what the bad thing that happened was – I chose failing despite great effort.

stress2.PNG

Next it explains why that situation may have provoked panicky feelings.

stress3.PNG

Next they try to reassure the brain that there is no need for a fight or flight response to the situation, and you choose another thing that may have happened during the situation.

stress4.PNG

The next steps are to consider different types of action and to see if an adrenaline boost would help the situation at all. Honestly from this stage on I wasn’t really sure what to answer as I don’t experience panic attacks or panicky feelings and don’t fully know what is experienced (it differs from person to person) so I answered whatever I thought I would answer if I actually did experience it. For this one, I clicked yes.

Screen Shot 2017-02-15 at 12.01.24.png

They ask if a jolt of adrenaline would help the situation – adrenaline increases while suffering from a panic attack. I selected yes.

Screen Shot 2017-02-15 at 12.03.06.png

Next you have to select which state you think is best – I chose the second, as from research it’s better to be calm, aware as well as patient and open minded, instead of being in the flight and fight state, which won’t help the situation.

Screen Shot 2017-02-15 at 12.07.53.png

There is just information on this step about exposure to stress hormones and that giving time and attention to the problem will be much better for your thinking.

Screen Shot 2017-02-15 at 12.09.32.png

Next I have a choice of analysing different actions you can use if this happens again. As an example, I analysed “Talk/interact with one or more people”. After I looked at that, I clicked onto the next stage.Screen Shot 2017-02-15 at 12.11.29.png

I selected yes to this next question.

Screen Shot 2017-02-15 at 12.11.46.png

I chose 1 in 1,000 (wasn’t really sure what to answer here)

Screen Shot 2017-02-15 at 12.12.23.png

I selected the second option.

Screen Shot 2017-02-15 at 12.12.30.png

Screen Shot 2017-02-15 at 12.12.36.png

Again I had to choose how stressed I was feeling after everything I had done – I chose calm. Next I was asked to choose what I plan to do that will help me calm down and how I’d feel after doing them.

Screen Shot 2017-02-15 at 12.15.37.png

Screen Shot 2017-02-15 at 12.15.52.png

Screen Shot 2017-02-15 at 12.17.28.png

And that’s the end of the session. I found it interesting to see it and go through it as it is similar to my Control My Panic feature. However, it’s a lot more in depth and it takes a while to get through it. It seems like it would be helpful for someone in a panic, but the length of it might be off-putting – a solution that is similar to that and is quicker, I personally feel would be better.

Its design is poor and is very basic but it gives good information and seems to be effective. They also included realistic thinking type questions that I will have included in my feature.

This is the first proper type of step-by-step help process I’ve seen!

 

 

 

 

 

 

 

Inspiration: Anxiety distraction games

Since one of my new features is Distract – a bunch of different ways to help distract the user away from panic – I wanted to find out some of the methods panic attack sufferers use to help distract them. While doing this, I came across a Tumblr post by KillYourAnxiety.com (view it here)  that listed different types of online games that they found useful when they felt anxious/panicky.

The games they included were:

Silk – an interactive game that generates art.

silk.PNG

Neon Flames – a galaxy-like game that produces neon flames

2.PNG

Casanova – a giraffe game where you stretch to kiss other giraffes

6.PNG

Planetarium – a game that lets you explore the sky and its stars

3.PNG

Imagination – a game that creates lots of different coloured lines

4.PNG

Liquid Particles – a game that creates liquid particles when you move your mouse & click

5.PNG

All of these games are simple and easy to play. Some would be a nice addition to my app but I feel they could be too difficult to code and implement into the app. Maybe I could have a look at others that may be a little easier.