mobile app design process

Image Selector for CMS — Liferay Excersice —

pablovinias@gmail.com

.JPG .PNG.GIF

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

pablovinias@gmail.com

— Thanks : ) —