Category Archives: Mobile App Design

Mobile App Design – week 14

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: =Z00nb?!
  • Presentation
  • You won’t believe how cool these Adobe UI Kits are (show example UI Kits)
  • Show how to bring fonts in from TypeKit, talk about licensing fonts for apps, though can use for free on websites)
  • Font packs
  • Demo working on an app in Avocode
  • Watch next Bring Your Own Laptop (More about Micro Interactions: 72 – 74)  videos

Thursday

Assignments

  • Continue to work on your app design.

 

Mobile App Design – week 13

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: 18Uf$U8$
  • Presentation
  • We decided on a May 4th deadline for the app mockups
  • Watch next Bring Your Own Laptop (65-68)  videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: m4CAKZ#K
  • Presentation – Dylan
  • Discuss how the app design process works:
      1. Project Brief
      2. Personas
      3. Wireframes (lo-fi)
      4. Hi-fi mockup
      5. Handoff of mockup to developers – Discuss programs that help you do this, including Avocode, Zeplin, and InVision
      6. Inspect visuals/code
      7. Share work-in-progress/Comments
      8. Test/Revise/Test
      9. Final App
    1. Note: many of the programs listed above have student discounts
  • Watch next Bring Your Own Laptop (69, 70, 71) videos

Assignments

  • Continue to work on your app design.

 

Mobile App Design – week 12

Classroom

Tuesday

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: qe!N%!3a
  • Presentation
  • Continue to talk about app development programs:
    • Sign up for bubble.io account with Pima address and do the map demo (first lesson)
  • Watch next Bring Your Own Laptop (62, 65-68) videos

Assignments

  • Continue to work on your app design.

 

Mobile App Design – week 11

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: Bv!%8DRe
  • Presentation
  • Show examples of a brief and persona created for a student project and discuss
  • Watch next Bring Your Own Laptop (43-44, 46-47) videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: 9@j.QtPe
  • Presentation
  • Show examples of a wireframe and hi-res prototype created for a student project and discuss
  • Watch next Bring Your Own Laptop (51, 53, 54,  57, ~58) videos

Assignments

  • Continue to work on your app design.

 

Mobile App Design – week 8

Classroom

Tuesday

  • Join Zoom class
  • Video of class, Passcode: L9#!Em?p
  • Look at any Wireframe assignments that were completed
  • Look at any work done on apps
  • Watch next Bring Your Own Laptop videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: F%M0y@5b
  • Look at any Wireframe assignments that were completed
  • Look at the final version of the app mockups
  • Talk about the steps for the next project:
    • Brief
    • Persona
    • Mood board
    • Wireframe
    • Hi-res mockup
    • Testing (via other students)
    • Final
  • Watch next Bring Your Own Laptop videos

Assignments

  • Continue to work on your app design. The mockup is due on Thursday, March 4th

 

Mobile App Design – week 7

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: 8Jx5@72w
  • Look at any Wireframe assignments that were completed
  • Look at any work done on apps
  • Watch next Bring Your Own Laptop videos
  • Assign next project from Bring Your Own Laptop
  • Discuss next project with anyone who’s done with Project 1

Thursday

  • No class – Rodeo Vacation

Assignments

  • Continue to work on your app design. The mockup is due on Thursday, March 4th

 

Mobile App Design – week 6

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: #Md#BK@1
  • Dates assigned to do presentations are here
  • Look at Wireframe assignment
  • Look at any work done on apps
  • Watch next Bring Your Own Laptop videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: mX6heH+.
  • Look at any work done on apps
  • Talk about a deadline to see finished mockups
  • Watch next Bring Your Own Laptop videos

Assignments

  • Continue to work on your app design. The mockup is due on Thursday, March 4th

 

Mobile App Design – week 5

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: =NMQMv2&
  • On Thursday, February 11th, we will not have a virtual class meeting because I will be unavailable. Instead, I will give you an assignment to work on at home
  • Assign dates to do presentations
  • Look at any work done on apps
  • Watch next Bring Your Own Laptop videos
  • Talk about brief assignment

Thursday

  • No class
  • Please work on the assignment given on Tuesday. It is due next Tuesday (the 16th). I would also like to look at any progress you’ve made on your app.

Assignments

  • Continue to work on your app design
  • Work on wireframing assignment given in class

 

Mobile App Design – week 4

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: fV1CH@N4
  • On Thursday, February 11th, we will not have a virtual class meeting because I will be unavailable. Instead, I will give you an assignment to work on at home
  • Look at Personas you developed for your apps
  • Watch next Bring Your Own Laptop videos

Thursday

Assignments

  • Use the latest version of Adobe XD
  • Work on wireframing assignment given in class

 

Mobile App Design – week 3

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: L!*B7F?H
  • Look at and discuss work done so far
  • Discuss this article
  • Start discussing the workflow to get apps from prototype (XD) to actual software (apps that help you design apps)
  • Work in breakout rooms with partners

Thursday

  • Join Zoom class
  • Look at work done so far
  • Today we will start watching videos that will teach us how to use Adobe XD to design UI/UX projects, including websites and mobile apps: watch first Bring Your Own Laptop videos

Assignments

  • Download exercise files from Bring Your Own Laptop
  • Make sure you have the latest version of Adobe XD

 

Mobile App Design – week 2

Classroom

Tuesday

Thursday

  • Join Zoom class
  • Look at the revised ideas for apps and further refine them
  • Show Dreamco Player in XD, MAW in Dreamweaver, Evolution of App in Photoshop
  • Refine your app idea and work on the mockup in XD

Assignments

  • This week you should be refining the ideas for your app and starting to work on a mockup in XD
  • Below – some work from students last year

Links

  1. Group-PDF-Export (2)

 

Mobile App Design – week 1

Classroom

Thursday

  • Join Zoom class
  • Attendance & Introductions
  • Syllabus
  • Adobe Login
  • Check out the XD software. Watch the overview video
  • Install XD on your computer, go to this website and do the tutorials to learn about the program
  • Show Skyrose example in XD

Assignments

  • Begin to sketch out a tree diagram of a simple app (like for restaurant or  small business) you want to make and create some sample page layouts and icons. They can be really rough, like these examples: