Fer Rullán

Strategist&Creative Entrepreneur

252

4

BlaBla APP : )

Hello,

First let me introduce myself. I am a 25 y/o spanish advertising strategist (a.k.a Planner) and i also love design ID and UI/UX and i want to learn more about it.

-

I loved the class, thank you very very very much Gary.

Ok, lets start with my project on: "From pencil to pixels: Designing a Modern App"/ Messaging App

I AM GOING TO DO 2 VERSIONS: THE ONE IN THE CLASS VIDEOS, AND MY OWN VERSION

I have to say that i missed what is -from my point of view-  a key part in the process of creating an app: INSPIRATION.

Heres my "class by class" Messaging app "inspired" by the default design in class (i'll notice you the changes).


1 / Sketching: I chose a pre-determinated IOS print. (i own IOS / iphone 5S):

66556381

2 / The windows on Sketch (thank you so much for the info on the plugings... SO HELPFUL)

4f031db5

 

You can notice that i changed the UI based on some user research:

Changes:
A | The MENU button and the BACK button is on the right side (phones are getting bigger and it is easier to access if it is on the right, also most people are right handed.

B| The "INFO" (names and titles) are on the left. Is my "information zone".

C| I've added the "microphone" and stress out the design adding a "image sent" and some "voice send".

D| I've added a little square on the left side to help notice what is already read and whats not.


3 / The windows by their own:I guess you've already noticed that everything is bigger. I just saw everything SO small while previewing the class version so i added 15% more size to everything, i think is more clear this way.

58417002

f2015cbf



4 / Mockups: Just the design in some mockups (i think they did not render well or my "mockup drafts" are not very good.

7812acd6

0bae3714

Incoming:

1/ My Own version of a Messaging App for 2015 iOS8. 
2/ Some interactions on this specific design (i guess using PIXATE).

Thank you for your appreciation and comments,

You can contact/stalk me on Twitter: @ferrullan

Have a great day!! And be the change you want to see in the world...make shit happen!

_____________________________

Hi! I just finished my version of a "Messaging APP"!!

I first wanted to say someting. I 've created MY vision for Facebook Groups. A place for people to create fast groups beetwen your "facebook friends and list" to talk about smthng.

But the other day i read some articles about messaging in Asia, Voice Messaging to be specific, and i loved it and though if making an example for this: http://qz.com/443441/stop-texting-right-now-and-learn-from-the-chinese-theres-a-better-way-to-message/

OK, so heres the project: "My Own version of a Messaging App for 2015 iOS8."

1_ Sketches: I stuck with a pre-determinated IOS print. (i own IOS / iphone 5S):

c251a986

2 / The windows on Sketch : All artboards (two are for creating interactions)

2f56b057


3 / Main Screens by their own

e7a6a2d6

d9f4eff1

90d4d2c7

b6f57471

 

4 / Mockups:

bad9bd0f





5 / BASIC INTERACTIONS:

1 - Splash log in through Facebook
2 - See groups (swipe right)
3 - See conversation (Tap on the RG/A Group)
4 - Back: By Swiping left

See in your desktop, but it is better if you see it in your device (just tap in these link)

http://invis.io/SK3G93XFX


Hope you all have a great day! And rememeber...be the change you want to see!

: )

-f

Comments

Please sign in or sign up to comment.