Mobile App Design Process
description
Transcript of Mobile App Design Process
UPLOAD IMAGE FILES
CMS app
(From Gallery, URL, Camera or Dropbox).
.JPG .PNG.GIF
Creating an Image Selector for a CMS.
Load from URL flowCreating an Image Selector for a CMS. 1.
Mobile Version
.JPG
Creating an Image Selector for a CMS.
Creating an Image Selector for a CMS. 2.
Mobile Version
UPLOAD IMAGE FILES FROM:
.JPG .PNG.GIF
GALLERY
CMS app
CAMERA
URL
DROPBOX
Creating an Image Selector for a CMS.
Creating an Image Selector for a CMS. 3.
Mobile Version
Image URL
Paste URL here…
CMS app
Image Preview
Creating an Image Selector for a CMS.
Creating an Image Selector for a CMS. 4.
Mobile Version
Image URL
http://www.liferay.com/logo.jpg
OKCMS app
Image Uploaded! Image Uploaded!
— The Process —
6Step 2. WireframingPaper & Pencil
6Step 1. Information Architecture
Moleskine/Sharpies/HB pencil
Step 3. Visual DesignPhotoshop & Sketch
6
Step 4. PrototypingMarvel/Invission/ or so…
6
6Step 5. TesrtingMobile Phone/Devices & Desktop
— Thanks : ) —