UX/UI Designer

Barcelona Code School

Contenido del boocamp

Week 1: Design Sprint 2.0↓

  • Introduction to the core principles of user-centered design
  • Design Sprint project process
  • Contrast the feasibility of the project and defining the MVP

Primary activity: First week – first project! We will introduce you to the core principles through a practical project using one of the most emerging methodologies – Google Design Sprints.

Project: Design Sprint Project – problem identification, solution development, prototyping and market feasibility.

Tools: Design Sprint, Figma

Week 2: Introduction to UX Design and Group Project briefing↓

  • Group project briefing
  • Heuristic Analysis
  • Market and Trends Research
  • Benchmark and Competitor Analysis
  • UI challenges

Primary activity: You are going to discover your group project through the briefing process and start analysing it. During this exercise you will analyse the current market situation to identify business possibilities in the sector.

Projects: This week you will start 2 projects – App Design Challenges on your own and a Group Project.

Tools: Figma

Week 3: User Research – techniques, analysis, and synthesis↓

  • User Research: Quantitative vs. Qualitative
  • Competitive Research
  • Interviews & Surveys
  • Research analysis: Persona, Scenarios, Journey and Empathy maps
  • Gamestorming, Ideation, Workshop leadership

Primary activity: At this phase you will plan and conduct user research to understand behaviour, needs, and motivations of your users. You will learn the major methodologies to be able to understand the market and its users.

Projects: UX writing challenges and you’ll keep working on the group project applying the methodologies learned.

Tools: Notion, Optimal Workshop, Google Surveys, Zoom

Week 4: Ideation and Interaction Design Part 1 – Information Architecture and Wireframing↓

  • Business Model Canvas
  • Value proposition
  • Agile and Lean UX
  • Information Architecture
  • Navigation
  • Task Flows & Site Maps & Funnelling
  • Sketching & Wireframes

Primary activity: You will learn how to translate your core findings from previous weeks into relevant business ideas and project requirements. You will also learn how to organise big chunks of information, create task flows and a structure for your app/web.

Projects: Rapid prototyping with MarvelApp and continuing working on the group project applying the methodologies learned.

Tools: MarvelApp, Miro

Week 5: Interaction Design Part 2 – UI & Prototyping↓

  • Further Sketching & Wireframing
  • From wireframes to a functional prototype
  • Layout, composition, and elements
  • Tools pros and cons for each project type
  • Typography and Iconography
  • Grids and Spacing
  • UI Design for Responsive, Adaptive and Native applications

Primary activity: Roll up your sleeves! During this week you will prototype your idea and learn how to use some of the relevant market tools for prototyping.

Tools: Figma, Miro, Notion + some other UI tools such as Adobe XD, Invision or Sketch

Week 6: Usability – Testing planning & Methodologies↓

  • Plan a Validation
  • Validation Methodologies with and without users
  • Expert Reviews
  • Accessibility

Primary activity: What do your users think? You will conduct a usability heuristic evaluation of your digital product, identify and apply necessary improvements based on users feedback.

At this point you are going to present the Group project with your team in front of the clients (invited jury).

Tools: User test tools, Zoom

Week 7: Personal project & Data visualization / Code foundations↓

  • Data visualization
  • MVPs
  • Foundations in HTML, CSS, JavaScript and Bootstrap

Primary activity: We’ll focus on the ideation and the scope of your idea to start defining what’s gonna be your first individual UX project.

Projects: This week you will start your Personal project based on your ideas! It’s important to focus on something feasible as we will strongly work with the market contrast and you’ll come up with a super defined MVP.

Week 8: Personal project & Portfolio↓

  • Communication with relevant roles and other soft skills
  • Portfolio creation
  • Identification of your professional strengths for a future job
  • LinkedIn & other tools
  • Job seekers

Primary activity: You will learn extra skills such as basics of the programming that are valued in the market. Our instructors will give you guidance on making a perfect portfolio, highlighting your strengths and presenting yourself.

Week 9: Personal project presentation and deliverables↓

  • Finish and polish your project
  • Deliverables creation
  • The final presentation of your digital product

Final activity & Projects: Present your Final Project and get feedback from the professionals from the field who would be attending the final presentation day.

Ver opiniones de Barcelona Code School
Comparte este Bootcamp