Jump to content
Sign in to follow this  
v_kyr

UX tryout with AD

Recommended Posts

Had tried AD for some UX Wireframe stuff for a little Android App, though honestly I'm by far no UX Designer.

 

post-49706-0-89945500-1485387115_thumb.png

 

Afterwards made a functional prototype out of that, which hopefully came close enough. - Well at least it looked somehow similar in the bloody AndroidStudio Emulator. :D 

 

post-49706-0-49644800-1485387259_thumb.png

 

post-49706-0-91450300-1485388409_thumb.jpeg

 

post-49706-0-29879900-1485388432_thumb.jpeg

 

 

 


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

It's a good start, the wireframes of the Android app are good, the iOS ones not so much.

 

You should start designing apps by following the Google Design manual and Apple's Human Interface Guidelines instead of going for custom UIs.

Their official guidelines provide you the correct fonts, spacing, dimensions, colors and when or how to use each kind of control. The guidelines also dictate the best user experience for each kind of app so that the users don't have to learn how to use and navigate your app.

Once you understand these basic rules well enough you can start customizing the UI, but not too much, otherwise the user experience might be faulty.

 

Keep studying and you'll be great at it in no time.

Share this post


Link to post
Share on other sites

Thanks for the good advice, have to see if there is maybe some future project where I can get my feet more wet with these things!

 

For the above shown samples things had sadly to look very conform to an existing online system and also to support some pretty old out of date  Android smartphone versions too, thus using certain UI element stuff was much restricted and looks more plain old fashioned in contrast to actual UI guidelines. Also it's somehow harder if you don't have a real device to look at and play around with to get an idea about it, I for my case so far had just the Emulator in order to get an overview.


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×