App Gamification - WhatsApp: Wireframe sketch (App Gamification)

These are a number of wireframe sketches showing how I would gamify this application.

I have improved the chat feature by:

  • Changing the message box shape,
  • Changing the 'recording' button to a permanent send button,
  • Removing the WhatsApp camera button from the message box,
  • Removing the ability to send an image/video using the WhatsApp camera in attachments,
  • Removing the ability to send a contact to another contact in attachments,
  • Changed the delivery report symbol to using colours (e.g. green = delivered, amber = sent, red = failure to send)
Gamified Elements added:
  • Adding an achievements feature where completing an objective the specific amount of times stated allows you to unlock customisable features in the app,
  • When sending a document, image or audio/recording an animation will play. The user then can swipe up to post the media into the letter box which sends it to the contact or can swipe down to delete the media and cancel sending the media,


Wireframes of original interfaces and modified interfaces with gamified elements


Wireframes of original interfaces and modified interfaces with gamified elements

Comments

Post a Comment

Popular posts from this blog

Unity Project 4: Ball platformer game

Image
Finished game displayed in the scene view. Scene view Assets Uses Rigidbody so that the ball can use physics (Gravity) therefore it doesn't fall through the ground. The 'Rolling Ball' script is attached to the ball which adds force to the ball. Ball Inspector Scene view displaying the invisible cube object which can be used as a trigger for an event. Scene view When the console prints 'COLLIDED', the ball has collided with a specific object (Invisible cube). Console Message The invisible cube that is attached to the 'Trigger' script. When an object does not have a mesh renderer, the object becomes invisible as we cannot see it due to it not having a mesh. Cube Inspector Field of view changed, so that the ball can be seen from a slightly different angle. Follow target script also attached allowing a first person type view of the ball as the camera is set to follow the ball's movement. The camera can be moved so tha
Read more

[Research] Traditional Poster Design (4CTA1214)

Image
As you can see from the superman poster, there are only four main colours used which includes red, blue, yellow and brown. All elements are filled in with block colours with no shading which was a common colour theme for traditional posters of this kind. This poster may have been used to advertise a new Superman comic or movie depending on the year it was created. The expression on the characters face fits the title shown on the poster explaining that he is returning. This poster advertised Coca Cola, and looks as though this specific poster was used in the USA - due to the currency used. The whole aim of the poster is to incorporate this drink into working peoples daily lives. This is seen by the slogan, 'Work refreshed' and the small graphics on the bottom right of the poster. Displayed is a man working in a factory environment and a lady is working in an office environment both drinking cola during their breaks - to feel refreshed. In some ways the bottle and
Read more

Evaluation: Flash Project

I believe that my project went very well, I had good time management skills which allowed me to complete my project to a high standard. Overall, I am pleased with my result however there were some compromises that I had to take in order to finish the project in the time frame given. These included: Adding sound to the scenes that included the phone and school bell ringing as this would have made the project more life-like Hacking my mouse so that I could use a different object or button to navigate through my scenes instead of my standard mouse (This idea was mentioned in my concept sketch/idea) Animating the speech bubbles so that they are not just static graphics and are more interesting -drawing the users attention to the story-line Having different types of navigation (I added a couple of types but more could have been done to make my project interactive)
Read more