We use paper prototyping for our wire framing because it is a useful way for all of us in the team to work together at the same time on designing how our App is going to work. We don’t always need to use technology when building technology, it is often useful to go back to pen and paper or white boards and start planning things out as a team. Find a tool that works for you and your team, there are plenty of online wire framing technologies and free Apps that can help you build your wireframe, but certainly all we expect from you in the competition is a wireframe with pen and paper and we would love to see that as part of your business plan.
UX Design is a new term for User Interface design, which is the process of enhancing user satisfaction of a product by improving the usability accessibility and over all pleasure in interacting with a certain product. The principles of User Experience design are grounded in Universal Design, which considers how all people can interact with a particular technology. This includes people who have disabilities, people with possible language barriers, and people who would traditionally not be able to easily access a particular technology.
We often talk about Human Computer Interaction, or HCI, which is a way of thinking about User Experience design, essentially the point is, we want to have our users at the centre of any technology that we build. They have to be our number one consideration. The design process is not about us technology developers building technology because we think it would be great, we have to build technology that our users would actually find useful and easy to use.
You have already conducted some research on other Apps that have been developed to solve the problem that you would like to solve , now it’s time to consider how you are going to implement those solutions that you propose in terms of a working App.
Things to consider are visual design, such as the graphic design and user interface design, and how the different elements of your design will work together such as colour and your features, it also refers to the information architecture in terms of how your App can be navigated from menu to menu and screen to screen. If your App has a data base, how does it manage logins and users coming back to the site to login, and thinking about interaction design and how your users will commonly interact with the App that you have built and will they do it in the way that you think.
We usually test the technology that we build with people that who could try to break it or essentially go down different paths of interaction design that we usually do. This helps us to learn more about how we build technology and how we can build it in a way that is more accessible to everyone.
The wire framing process is what we go through when we want to design our App. We make mock screens of what an App would look like, usually 6 to 8 screens, and we start to plan out the process of how we would want people to use our App. We plan it from screen one, what would the logo be on the first screen as of the second screen, would it be a login or would it be an information screen, and what would appear on each screen. A general rule of digital design is that we should be able to get anywhere in the App within three clicks.
Again go back to those Apps that you like and those that you don’t like and consider the navigation, what is on the first screen, what is on the second screen, what is on the third screen, and so on. What do you like and what don’t you like about them in terms of the navigation. These are things to consider in your own development and they will inform how you will design your solution.
Document this as part of your business plan.
User-centered design means designing things with the user in mind. This means remembering you are not always the user.
A User Interface is a link between the user and the technology. The touchscreen on a phone, tablet or a computer, is an example of a user interface – and so are the buttons on a remote control.
User Interface Design is designing technology that makes sense to the user, and should ideally be intuitive, so the user is comfortable and each screen and action to take makes sense to the user.
DesignMantic made a beautiful infographic called The 10 Commandments of User Interface Design:
Create a Story
Make it Responsive
Form follows function
Use pleasant color tones
Define font families
Boost optimized images