Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

UX/UI design process - Studio CreativeMe

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
UX/UI Design 101
UX/UI Design 101
Cargando en…3
×

Eche un vistazo a continuación

1 de 13 Anuncio

Más Contenido Relacionado

Presentaciones para usted (20)

Similares a UX/UI design process - Studio CreativeMe (20)

Anuncio

Más reciente (20)

UX/UI design process - Studio CreativeMe

  1. 1. UX / UI DESIGN PROCESS STUDIO CREATIVE ME
  2. 2. 42 531 UNDERSTAND & RESEARCH INFORMATION ARCHITECTURE WIREFRAMING UX TESTING USER INTERFACE DESIGN
  3. 3. CLIENT BRIEF UNDERSTAND & RESEARCH
  4. 4. INFORMATION ARCHITECURE This phase starts with an internal studio meeting where all information is brought together and summarised in the form of an informational flowchart defining the basic navigation flow a user would go through while using the app.various different possibilities are thought upon and a final information structure is established as the starting point for the app design.
  5. 5. CONCEPT SKETCHES Rough app screens are drawn on paper to visually bring the idea into shape. Many different ux possibilities are explored at this stage with discussions and brainstorming sessions within the team and then with the client.
  6. 6. WIREFRAMING The best shortlisted ideas are then created as fine wireframes to be able to see the idea coming to shape in black and white. It doesn’t include images , colours and other fine details, but is able to establish the app navigation in a clean and precise manner.
  7. 7. UX TESTING A functional prototype of the wireframe screens is created and shared with the client and other users to be able to experience the app as if it was a real functional app. This stage greatly helps to capture any navigation or functionality errors done at the conceptual stage. It saves lots of time and money for the client as reifications are easily done on earlier stages and not carried over to the development stage.
  8. 8. USER INTERFACE DESIGN Final screens are designed after the client’s approval of the user experience. The user interface design stage involves creation of custom icons and illustrations and establishing a colour scheme and layout for the app. The UI is hence the skin of the app, but the UX is the soul.
  9. 9. ON BOARDING SCREEN
  10. 10. UI DESIGN
  11. 11. UI DESIGN Final screens are designed after the client’s approval of the user experience. The user interface design stage involves creation of custom icons and illustrations and establishing a colour scheme and layout for the app. The UI is hence the skin of the app, but the UX is the soul.
  12. 12. Thanks for watching :) © COPYRIGHT / STUDIO CREATIVEME 2017

×