Using the skillset that has developed over the course of this module since the code-focused workshop, I have created three main user interface concepts along the theme of the final major project outcome of the mobile application. The screens developed within Processing are a sign-up screen, a home screen and an animal-specific screen, in this case, the Dodo. These screens allow for an overview of the aesthetic the application could take and allows for exploration with layouts, content placement and using colour within the device screen limitations. I reflected further on the processes of using Processing as a design tool here.
Over a handful of days, these screens were created in order to make use of the developing knowledge not only of the coding field and the Processing software but also of user interface and user experience design. These areas of exploration have fed one another throughout the course of this module and I believe progress has been made when these application screens can be compared to the wireframes shared at the first group crit session. I reflected on the crit session here in an earlier blog post.
Being able to create user interfaces using Java code and the Processing software at this stage allows for a strong skill set and knowledge going forward into the final major project where this field of exploration and design will become the main creative focus. I believe that in order to develop this further I must experiment with linking these screens together into one Processing sketch so that interactions can be coded, for example, if the Dodo hero image at the top of the second user interface design is clicked it would lead to screen three.
Developing this further would include the introduction of hovering animations for the buttons and the potential of scrolling. All of this can be achieved through using Adobe XD, but how could this be coded? Could I use Adobe XD to discover these features within the share code feature that is meant for sharing the design project with developers? Or could my new knowledge channels of LinkedIn Learning and Mimo have the answers? I believe that generating these user interfaces has been one of the most useful and expansive processes during not only this module but potentially of the MA so far. Thanks to this exploration, I have developed a new skillset, new processes and built upon my knowledge of the field of user interface and user experience design.
At this moment in time, the processes of using Adobe XD, wireframing user interface layouts (either by hand or using digital tools such as an iPad and Apple Pencil) and using the Processing and code skills have yet to completely be used in unison. Throughout the coming module of the final major project, all of these areas will join to become one process and way of working. In an approach to be organised and clear, is it worth generating a sort of map of this whole process explaining where each area would be used and the overlaps?
Bình luận