Development: Adobe XD

Adobe XD is a program that allows you to connect screens in order to create a living prototype for an app. It has been a long process to input every single screen and then connect each picture together. It is important to get every button placed correctly, and sent to the next correct screen so that the prototype. This process was incredibly long and at times, frustrating. But it was rewarding to finish the adobe XD file as a whole.

 

Screen Shot 2017-04-05 at 16.24.59This screenshot shows the string of interactions that can be completed by the user from screen to screen. There is a total of 94 screens that have been implemented into the file.

Overall, I think this is an interesting project to have as my final product because it really creates a sense of immersion for the user and allows them to explore freely.

 

Audience

I began the project with a clear and concise idea for a non-profit crowdfunding service.  Which lead to a specific target audience which had to fulfil the requirements such as a disposable income. However, throughout the research and production stage my idea developed into the final product. This meant that my target audience firstly expanded in the broader sense because of the variation in the product appealing to different users. Furthermore, the target audience can now be viewed holistically for the app or be divided and inspected in more detail to understand which area of the app appeals to a specific type of user.

 

The basic target audience for the app would be users aged 16-18 and above. This is simply because of the opportunities and requirements of organisations who are involved with the volunteering side of the app, as well as the education program area as they may wish to place age restrictions because of the level of suitability.

 

Furthermore, the users that would interact with the educational programs, would potentially be from disadvantaged backgrounds that could not essentially afford to gain a formal education.

 

Audience Persona

persona

Development: Assets

This week I began to develop my assets that will be placed in my app, contribute. This will establish the visual style for the app, and attract the target audience. The assets that I created are split into: user icons, buttons and other imagery for supporting graphics.

supporting imagery 1

 

Above is an example of some of the supporting graphics I have made for the Education Program side of the app. supporting imagery 2

Above are some of the user icons that I have made for the Contribute users that will be displayed. I chose to use pastel colours that will create a friendly environment for the user.

supporting imagery 3Above is the icons I have used to show ‘donation’, ‘volunteering’ and ‘education programs’ on the contribution screens.