App Design

Lorsque vous pensez à concevoir une application, vous pensez probablement à la programmation, n'est-ce pas? Faux, les applications sont conçues par des concepteurs d'applications, la plupart d'entre elles n'ont aucune idée de la façon de programmer et on peut en dire autant des programmeurs en matière de conception. Les deux ont des compétences très différentes mais très spécifiques qui leur permettent de créer une application à la fois attrayante et fonctionnelle.

WireFrame

Nous allons apprendre comment les professionnels conçoivent des applications que nous utilisons au quotidien. Les designers sont souvent embauchés par de grandes entreprises afin de créer une application pour leur boutique, leur marque, leurs produits ou leurs services. Il n'y a pas de vraies limites à la création d'une application, votre imagination est tout ce dont vous avez besoin.

Jetons un coup d'œil à Google et voyons ce qu'ils font lors de la création d'applications

Canadian Tire app example

Notre tâche pour ce défi sera de concevoir une application. L'application sera pour un service de votre choix. Il peut s'agir d'un magasin dans lequel vous aimez faire du shopping, d'un entraîneur personnel ou encore, d'un service de livraison de nourriture. Encore une fois, c'est votre choix, cela pourrait être n'importe quoi. Prenons par exemple l'application Canadian Tire; Remarquez la conception de chaque écran, vous menant à l'étape suivante, vous donnant toujours plus d'informations sur le produit que vous recherchez.

FilmStrip

Afin de nous aider à concevoir notre application, nous devrons créer un téléphone virtuel, votre téléphone. La vidéo suivante nous aidera à comprendre comment nous pouvons créer un modèle en papier (carton) de notre téléphone qui sera ensuite utilisé pour afficher / présenter notre application.

Nous commençons maintenant à avoir une assez bonne idée de la façon dont nous pouvons créer une application pour nos téléphones. Il est maintenant temps de faire preuve de créativité. Voici les étapes à suivre pour créer un design d'application;

prototypage de modèles en papier
esquisse et prototypage papier
- - - pour décrire les étapes (interface conviviale)
    - explorer la variété de mise en page
    - afficher la structure de base de votre application

Cette technique vous permettra de montrer à votre public votre idée de conception d'application et son fonctionnement. Le film fixe est la prochaine étape logique de votre processus de conception. Ce sera;

Vous permet de créer une mise en page haute fidélité (pour simuler votre interaction)
- - - - Montrer / Démontrer
        boutons
        menus déroulants
        images
        couleur (utilisez des couleurs complètes qui fonctionnent facilement les unes avec les autres ou représentent la marque)
        élévation
        ombres

À la fin, vous créerez une vidéo à l'aide de votre téléphone afin d'afficher votre travail. La vidéo suivante vous aidera à comprendre comment créer le filaire et comment il est intégré à votre téléphone.

N-Store App Design ‐ Made with Clipchamp.mp4

*** Le film fixe ne doit pas être réalisé à l'aide d'un ordinateur. En fait, la plupart des gens de l'industrie d'aujourd'hui reviennent encore au stylo et au papier, car c'est le moyen le plus rapide de communiquer vos idées.

When you think of designing an app, you probably think of programming right? Wrong, apps are designed by app designers, most of them have no clue on how to program and the same can be said about the programmers when it comes to design. Both have very different but very specific skill sets that allow them to create an app that is both appealing and functional.

WireFrame

We are going to learn how the professionals design apps that we use everyday. The designers are often hired by large corporations in order to create an app for their store, their brand, their product or their services. There are no real limits to creating an app, your imagination is all you need.

Let's take a look at Google and see what they do when creating apps

Canadian Tire app example

Our task for this challenge will be to design an app. The app will be for a service of your choice. Could be a store you like to go shopping to, a personal trainer or again, a food delivery service. Again, it's your choice, could be anything. Let's look at the Canadian Tire App for example; Notice the design of each screen, leading you to the next step, always giving you more information about the product you're looking for.

FilmStrip

In order to help us design our App, we will need to create a virtual phone, your phone. The following video will help us understand how we can create a paper (cardboard) model of our phone that will then be used to display/present our app.

We are now starting to have a pretty good idea of how we can create an app for our phones. It's now time to get creative. Here are the steps to follow in order to create an app design;

paper model prototyping
sketching & paper prototyping
- - - to outline the steps (user friendly interface)
    - explore variarety of layout
    - show your basic app structure

This technique will allow you to show your audience you app design idea and how it will work. The Filmstrip is the next logical step into your design process. It will;

- Allow you to create a high fidelity layout (to simulate your interaction)
  - Showing / Demonstrating
    - - bottons
      - pull down menus
      - images
      - colour (use full colours that easily work with each other or represent the brand)
      - elevation
      - shadows

At the end, you will create a video using your phone in order to display your work. The following video will help you understand how to create the wireframe and how it's incorporated to your phone.

N-Store App Design ‐ Made with Clipchamp.mp4

***The Filmstrip doesn't have to be done using a computer. In fact, most people in the industry today, still go back to pen and paper as it is the fastest way for communicating your ideas.

Page updated

Report abuse