Artkai Design an App Mockup

Screens: use Google docs as a reference

1. Launch

2. Login (email and password)

3. Forgot password (email)

4. Register (email, password, confirm password)

5. Menu (universal)

a. My Documents

b. Shared with me

c. Recent

d. Starred

e. Trash

f. Support / Feedback

g. Storage

h. Logout

6. My Documents, b, c, d

a. List of folders, followed by list of files

b. Each file has a an options icon to the right

i. Share

ii. Rename

iii. Update revision

iv. Set expiry

v. Open (Preview)

vi. Move

vii. Star (Add star)

viii. Info

ix. Delete (Remove)

7. Trash

a. Options to delete permanently or recover

8. Storage

a. Just shows Amount of storage used (eg 20 MB or 1 GB) with maybe % left

9. Top bar (universal for all)

a. Hamburger icon

b. Name of menu

c. Search

d. Select

i. Select (Allows selection of multiple files.)

ii. Select all

10. Add icon at the bottom right to

a. Create new folder

b. Upload file

11. Other notes

a. Tap on folder shows list of folder contents (like Google drive)

b. Files show one of two icons: PDF or Image

c. Files in list show

i. Name

ii. Icon (of PDF or Image or Video in future)

iii. Red alert icon that shows someone has commented (disappears when you open the file)

iv. Version (eg Ver 3)

v. Date uploaded

vi. Expiry date

vii. Any additional info. Need to see what all can fit here comfortably without looking too cluttered. Rest of the info we put under the info details. Or when you tap on the icon to the right of the file. It shows the details on top and the rest of the options below it.

Review window: use Acrobat DC as reference

Once you open a file, depending on whether it’s an image, PDF, video – the following options display

1. Comment options at the bottom of the screen

a. Comment

b. Box

c. Highlight

d. Strike through

e. Voice note

2. At the top of the screen

a. Search

b. All comments : this opens the comments. You can view by page or by user with the replies

Adobe Fireworks Projekty graficzne iPhone Photoshop Interfejs użytkownika

Numer ID Projektu: #10519567

O projekcie