New eBook: The The Guide to UX Leadership by UXPin Inc.




Hi Uxers
We have another new step a head in your book collection 


The The Guide to UX Leadership
Copyright © 2016 by UXPin Inc. 



This is a great helping guide for the UX designers who are going to move a step ahead as a UX team lead.
CONGRATS to guys and best of luck for your success

This is the right book for you that will guide you how you can take your team to success 
The author of the book “Dave” is currently working as Experience Strategist at HPE, besides Dave is also a Speaker and writer and leading a UX team. He has vast experience of 20 years in front end as well. He is also performing roles as  senior UX and the leadership at famous company Motorola and Interalinks .

You are not going to a successful UX leader in a night and of cource the only book cant make you a successful UX but the practice and the guidance you have to follow UX pin prettily gathered in this book.

UXbyts team wish you best of luck for your new carrear 





Like us on facebook 
https://facebook.com/UXbytes/

Read our blogs
https://thecomlabs.blogspot.com/

Integration of Zeplin with Adobe XD CC







The wait is over 
Zeplin integrats with XD CC

The wait is over now, few months ago zeplin announced to begin integration zeplin with adove xd cc. After the announcement zeplin team recieved tons of emails regarding this. The reaction was overwhelming people asking about the release and when it will be live.

Since then zeplin team worked very hard with XD team to build a reliable integration of Zeplin with XD and Today the whole world is excited  on this launch.

How to start
The export of design is so simple and easy all you have to do is to update your Adobe XD CC and zeplin to latest version 


Another thing need to mention is the integration of zeplin with xd is available only for MACOS only for now so keep calm to get it on windows 

Ater installing xd and get registered on Zeplin you will noticed an option in XD menu
File >>  Export >> Zeplin 

Just select the artboard you want to export and follow the menu given above.

Shortcut

Command + alt + E is the shortcut for the export setting u did last time so once you export something to zeplin next time if you want to export again dont need to walk into menues just use this shortcut “Command + alt + E” and your design will be exported to zeplin.
This will take you to the zeplin and you can continue further, your designs are integrate with zeplin now with all assets, code and specs. 

How to setup assets

Zeplin smartly export the assets images automatically that are generated from layers in XD and marked to export. All you have to do is open layer panel and hover the layer you will find the icon with arrow just click on this arrow “mark for export” and this image will marked to be exported.
Another great thing you dont need to get worried about sizes of different devices or resolutions Zeplin will do it all itself and generates all necessary images in different scales and resolutions, all the assets generated automatically. Just click on the layer in zeplin and you will get all required assets with design guideline.

Tip
You can also select single layer or group of layer instead of artboard also to export to zeplin 


What is UX design


The UX Design

The UX design, what actually UX is. If we ask this question from five persons the answer will be different. So in this short article we will not only cover what UX is but also will try to findout more rather then of your UX job.

UX 
UX stands for User experience and that refer to when, where, why, what and how user uses a product and who is that person. So this actually covers the UX of any product and is everything that effects the interaction of the user with the product.

UX Designer
If we talk about WHO IS UX DESIGNER so we are referring to the person who designs the interaction we discussed above. They ask lots of questions to make the product perfect. So if you are a person who naturally questions a lot so UX could be your best career :), because UX is the answer to all the questions that compiles and give a shape to product.

As UX designer you also need to jump into the business logic, business needs of the product you are working for, so if you make a nice product that people love and use but it doesnot help to achieve the actual business goal so that product is of no use. So as UX expert you have to design a product where User needs and Business needsoverlaps.

To give the solution of all these needs an UX expert need to follow User centered design process.

Why care for UX Design?
 We will discuss some of the points regarding UX and ofcource some of the points you guys are already following and by following this you can add more perfection to your product and interaction process.

What is UCDP ( User Centered Design Process)
This process includes the measure and the analysis of the human and their behavious like the product we are workinhg on who will use it how we can make the product better in a way that user can use it easily and better way.

UX is not Rocket Science
UX is not a difficult science anyone who can have creative mind can think about the user needs purpose and login he can easily do wireframing and can write sanerios.  In simple words it is very straight farward thing. As Steve kurg the writer of “Don’t make me think” one of the best book for UX designers says: “the UX is not a rocket surgery”


UX is fun
The field of UX is Challenging, intersting and rewarding. It has low barrier entry and pays you well. Often people feel hesitate to call themself designer as they are not good in pick font type, color etc etc so the UX is the filed that is behind the visuals. This is not important that UX experts are very good designers but they can very good in other important areas of the product.


So if you are listning terms like usability specialists, user interface designer or interaction designer these are roles are under the roff of UX.

Standard size guideline of Designing Landing page in pixels



Good designed landing pages leaves very positive impact and impression and of cource sell the service / products offered with good positive way. Using wrong window / canvas size for your designed landing page can ruin your landing page’s with bad impression while a page designed in a perfect size will give long lasting good impression to the clients


Dimensions for desktop landing page
Desktop and laptops are in a huge range of different sizes and resolutions. The average size used by ux experts is at least 1024px by 768 px. Even landing pages at 960px width will also work properly on all the computer and laptops. Any landing page that is designed with the height of 620 px will display safely on the screen upon page loading.
The width for the desktop landing pages is bit more important then heights coz user can scroll down but scrolling horizontal is bad impression. try to make smaller pages.


Designing pages for Mobile Devices
Most of the landing pages donot work on the mobile devices and all the content spill out to sides or get shrinked to some unreadable size. Actually mobile devices fall in the small screen devices category so the safe resolution width is about 320px that display well on mostly mobile devices. Like other devices the height is secondary concern. You can fix the height to 426px at once. 


Dimensions for Tablet Devices
For designing landing pages for tablet devices the best width to be considered is 960px that can be fit on all large tablet devices. The feature size for the smaller range tablet like 7 inch the ideal with is 640 px.
the landing page size that is 640x480px is the ideal one that work on all devices. Users with small tablets mostly hold devices in landscape mode while the users with larger tablets hold device in portrait mode and in this way 640 px width accomodate on all screens.


Last but not Least the Responsibe Design
Instead of making different landing pages / screen for different size experts use media queries with responsive design concept to make the page that rearrange content automatically depending upon the size of the devce. it allows content to display comfortably on all the screens


Thank you for reading the article


iOS UI kit PSD : Free download



iOS 11 UI kit is now available to free download 

A good thing is all the resources for iphone x also included 

DOWNLOAD UI KIT FOR iOS 11

HOW TO USE 

1. Download UXbytes-iOS11-UIelements.zip file 
2. Unzip the file
3. you will get a .psd file that is source file and include all the elements for iOS 11 

you can easily use the components from this psd to your projects 

this is as easy as 1 2 3 means download, unzip and Use :)

What you will get:

1. All system elements
2. Elements for iphone X
3. Elements views
4. Elements Bars
5. San Francisco Pro font (full pkg)
6. Guideline for iphone x
7. Dynamic type table
8. Aap icons templates
9. Color pallet
10. System templates
11. Aap templates
12. Stickers

All above also available for iphone X

DOWNLOAD UI KIT FOR iOS 11


Basic rules for User interface design guideline.






Basic rules for User interface design guideline.

Here we will discuss some rules of UX taken from Nielsen and Molich's User Interface Guidelines that will help ur upcoming projects 

Design always should be according to the user’s need, expectation and requirement. If your system / app doesn't fulfil the user’s requirement no matter how pretty is your product is user will never use it.

We will discuss some of the important and basic rules to follow to create creative UX flow taken from Nielsen and Molich's User Interface Guidelines.

Visibility, Simplicity and Clarity of system
User should always informed by displaying easy and simple visible status for the certain amount of time.

Sync between your system and the real time world/user
UX experts should always take care of the user expectations and function/usage component expectations derived from real world experiences this will make system easier to the user to use

Apply Consistency and the standard
As UX expert you should ensure that all the graphical elements and the terminologies are properly maintained on same/similar plateform. Like if you use an icon that is representing to edit that should always use for the same purpose through out the system/other screens

Try to prevent error
This is your responsibility to ensure that errors should kept to the minimum. If there come need to error user should not feel he face error in your system. Handle smartly.

Focus on recoganization then recalling
Users come spend seconds on the site/system and if they don't find their requirement in seconds they go off. User attention is so limited and can maintain five items in our short memory at a time aswell. So try to show the Worthy content to user.

Efficient and Flaxibility in use 

As demand of the usage increased the system should be efficient, flexible and intelligent enough and we can achieve this by using hidden commands , function keys,  abbreviations and macro facilities, so that user can customize and tailor the interface as per requirements so that frequent actions can be performed easily and fastly

Minimalistic and Aesthetic design
As UX expert always keep in mind that the layout / design should be minimalistic, there should’nt be any un necessary content information that disturb the user. So only necessary components for the related task / requirements should be displayed so that user can get the require information more conveniently.

Helping users to recoganise and recover from errors
Ideally as UX expert we want user to use our system without any documentation means the system should be smart and easy enough that user can use it without any guidance but in some cases we need some documentation depends upon the type of the solution. So whenever user require help make sure that would be easily accessible that could be help file, live chat, FAQs that can guide user step by step and properly

So in short whenever you think of design and start to create a great user experience for some system always think and focus on Usability, Utility and ofcource Desirability.