Mobile App Design Process

Page 1

.GIF

.JPG

.PNG

Image Selector for CMS — Liferay Excersice —

pablovinias@gmail.com


Mobile Version Creating an Image Selector for a CMS.

CMS app

UPLOAD IMAGE FILES

.GIF

.JPG

.PNG

.JPG

(From Gallery, URL, Camera or Dropbox).

Creating an Image Selector for a CMS.

Load from URL flow

1.


Mobile Version Creating an Image Selector for a CMS.

CMS app

.GIF

.JPG

.PNG

UPLOAD IMAGE FILES FROM: GALLERY

CAMERA

URL

DROPBOX

Creating an Image Selector for a CMS.

2.


Mobile Version Creating an Image Selector for a CMS.

CMS app

Image URL Paste URL here‌

Image Preview

Creating an Image Selector for a CMS.

3.


Mobile Version Creating an Image Selector for a CMS.

CMS app

OK

Image URL http://www.liferay.com/logo.jpg

Image Uploaded!

Creating an Image Selector for a CMS.

4.


— The Process —


Step 2. Wireframing Paper & Pencil

6


Step 1. Information Architecture Moleskine/Sharpies/HB pencil

6


Step 3. Visual Design Photoshop & Sketch

6


Step 4. Prototyping Marvel/Invission/ or so‌

6


Step 5. Tesrting Mobile Phone/Devices & Desktop

6


— Thanks : ) —

pablovinias@gmail.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.