Saturday, 14 January 2017

Best of the Best 2016! Top 13 UI/UX Design Posts for Reference

This article curated some of the most recommended design posts in 2016, such as the principles, books, and tools helpful on UI/UX design, methods and suggestions on how to make better design, as well as the new design trends.

UI/UX design posts for reference, looking for articles

1. The State of UX in 2017

We are looking forward to how UX will evolve in 2017. In the meantime, here's our take on looking at the past, understanding the present, and anticipating what the future holds for UX.

2. Why Design

In some ways, this knowledge is bittersweet. Nothing gold can stay. You make a thing that changes the world, and before long the world has changed to the thing. It no longer inspires the same kind of wonder. Given time, we will always demand more.

3. Design Better Forms

Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos and don'ts of form design. Keep in mind that these are general guideline and there are exceptions to every rule.

4. Design Doesn't Scale

Design Doesn't Scale is a statement that has bothered me for the last four-years. When I joined Spotify's design team in 2012, the level of inconsistency and fragmentation shocked me. Up-close, the treatment of type, color, imagery, layout, IA, and interactions just didn't seem to align anywhere. And when I started talking about it, I realized the whole team was frustrated too. We concluded that the fragmentation in the product was just reflecting the fragmentation in the team, that designers spread across so many different projects, timezone and competing timetables, just didn't stand a chance. And, after all, weren't these factors inherent in all modern tech companies anyway? It was then that I first heard myself say, “Design Doesn't Scale”.

Design Doesn't Scale, UX resource



5. The Difference Between UX and UI Design-A Layman's Guide (by Emil Lamprecht)

We've all overheard conversations, walking down hip streets of the world's tech capitals, discussions about the great 'UX' of a product, or the poor 'UI' of a website. Is it a secret language you will never be privy to? Are these people just using slang to look cool? Well, ok probably yes to the latter, but a determinate NO to the rest. Read on to learn what these terms mean, which jobs are better paid, and how to become a UX designer or UI designer. Scroll to the middle of the post to watch a video of me speaking about this article, and giving you some extra info on what being a UX or UI Designer really means.

6. Complexion Reduction: A New Trend In Mobile Design

Over the last several months, some of the leaders of innovative design have taken 'minimal design' to the next level. Facebook, Airbnb and Apple have followed a similar blueprint to simplify prominent products in a way that reflects this new trend of 'Complexion Reduction' in mobile design.

7. UX vs UI vs IA vs IxD : 4 Confusing Digital Design Terms Defined

Once upon a time, if you said the word “design”, the odds were overwhelmingly likely you were talking about graphic design. But nowadays, the digital world is becoming increasingly more complicated and a lot of new job positions appearing, which lead to confusion for people outside or new to the design industry. Here's a quick overview on the four different primary forms of design to help you understand what they mean.

8. Hamburger menu alternatives for mobile navigation

If you're working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.)

9. How to apply a design thinking, HCD, UX or any creative process from scratch

This how-to article aims at providing designers, creative thinkers or even project managers with a tool to set up, frame, organise, structure, run or manage design challenges, and projects: The Double Diamond revamped.

10. Best Practices for Microinteractions 

Microinteractions are subtle moments centered around accomplishing a single task. Almost all applications around us are filled in with microinteractions. Here are just a few examples:

Confirming an item is added to cart
Use pull-to-refresh to update content
Interface animation that confirms an action (e.g. toggle button)


Cubicle of design, designer's workspace

11. The Best UI/UX Design Books & Resources for Designers

Want to be an excellent designer? Looking for the best UI/UX books and resources? Nowhere to go or to gain the right and effective channel for becoming an outstanding UI/UX designer? Just follow me, I have compiled a list of high-profile UI/UX books, which are recommended by the major professional websites, and blogs.The topic is mainly covering UI design, UX design, and web design. Hope it is helpful and useful to you. Any resource you think it's worth to be included, please feel free to give a message below the comment area or simply drop me a line on LinkedIn.

12. 12 Design Tools & Websites for UI/UX Designers 

The continuous improvement of designing tools, have a positive impact on usability and user experience, that provides great convenience for designers, as well as the users. Therefore often a good web designer will try to be updated with frontier, and master the latest tools. Hundreds of design blogs and websites update design articles, share design skills, and recommend new tools today on the internet. That is the important source of information for designers.

13. Unintuitive Lessons on Being a Designer

I sometimes joke that everything I have ever learned about design, I learned from my first job. Nowadays, this first job has extended to nearly ten years, its soul consistent even as its shape unfurls in depths and colors I could never have imagined in the beginning.


Original Post at www.mockplus.com


About Author
Grace Jia
Prototyping tools, UI&UX news & information, article sharer, writer.
Email: grace@jongde.com 
Web: Mockplus

Thursday, 22 December 2016

Mockplus Pro Subscription Festival Deal - 64% off

Mockplus. Prototyping tool, Mockplus deal

"Mockplus is an all-in-one prototyping design tool designed to make prototypes faster, smarter and easier with drag-and-drop interaction. You can choose from more than 3000 icons and nearly 200 ready-made components and use HTML export to test your prototypes on the real device instantly.

Deal: 64% off annual Mockplus subscriptions

Offer valid until: January 15, 2017"

Offer Link:  https://goo.gl/MY6qhN


Mockplus, mockplus Christmas offer, Mockplus deals





Special deal offer for UXness readers, follow deal link and  read more about Offer.

Wednesday, 21 December 2016

12 Top colleges for M.Des in India

12 Top colleges for M.Des in India

Master of Design (MDes, M.Des. or M.Design) is a postgraduate academic master degree in the field of Design awarded by several academic institutions around the world. Below, providing you a curated list of colleges/institutions awarding design grooming, knowledge and M.Des course.

1. NID - National Institute of Design, offers a 2.5 years M.Des course in Product Design, Furniture Design, Graphic Design, Animation Film Design, Film & Video Communication Design, Exhibition Design, Textile Design, Toy & Game Design, Photography Design, Apparel Design, Transportation Design, Lifestyle Accessory Design, New Media Design, Information Design, Interaction Design, Retail Experience Design, Universal Design, Digital Game Design from its three campuses at Ahmedabad (Main campus), Bangalore (R&D campus) and Gandhinagar (PG campus), India.

2. IISC Bangalore - Indian Institute of Science, Center for Product Design and Manufacturing, Bangalore, India, awards a Master of Design in Product Design and Engineering in a two-year program.

3. IIIT - Kancheepuram Indian Institute of Information Technology Design and Manufacturing Kancheepuram, offers a M.Des course in Electronics, Communication and Mechanical system design.

4. IIT Guwahati - Indian Institute of Technology Guwahati, India, awards a M.Des degree in a two-year program.

5. IIT Kanpur - Indian Institute of Technology Kanpur, India, awards a M.Des degree in a two-year program.

6. IDC Mumbai - Industrial Design Centre of the Indian Institute of Technology BombayMumbai, Maharashtra, India, awards a Master of Design degree in Industrial Design, Visual CommunicationAnimationInteraction Design, and Mobility and Vehicle Design. All programs require two years of study.

7. IIT Hyderabad - Indian Institute of Technology Hyderabad, India, awards a M.Des degree in a two-year program. 

8. IIIT Jabalpur - Indian Institute of Information Technology, Design and Manufacturing, Jabalpur, India awards a M.Des degree in Product Design, Interaction Design & Visual Communication and also PhD in Design. 

9. IIT Delhi - Indian Institute of Technology Delhi, Delhi, India, offers post-graduate programs in M.Des and the admission is through CEED.

10. NIFT - National Institute of Fashion Technology, New Delhi, India, offers Master programmes in M.Des (master in design), M.F.M. (Master in Fashion Management) M. FTech. (Master in Fashion Technology)

11. DAIICT - Dhirubhai Ambani Institute of Information and Communication Technology , Gandhinagar, India, awards an M.Des. degree in a two-year program.

12. SoDS - School of Design Studies – UPES Dehradun, Dehradun, India, offers M.Des degrees in (a)Industrial design, (b)Product Design, (c)Interior Design, (d)Transportation Design.




Sunday, 18 December 2016

How Much Are You Worth? UI/UX Designer Salary Around the World

IT industry has become a high-salaried industry, as the popularization of the Internet today,also become a development trend around the world. The demand for talent soared due to the rapid development of society. Therefore, the vocational skill requirements derived from the Internet environment for IT staff are constantly keeping up. If you want to gain a firm foothold in the IT industry, no matter the basic office skills, or professional application development language, and professional design tools, that are essential career competences for IT staff, according to the requirements of different industries.

So, you may raise questions under the precondition of the sustainable growth of Internet popularity. What’s the most wanted skill? What’s the most potential industry? And what’s the most promising job? Data from an IT survey shows that the most popular 10 IT skills/professions are as follows:
1. UI/UX designer
2. Full-stack Web and product developers
3. Network engineers
4. Security/network security experts
5. Mobile engineers
6. Business analysts
7. IT project manager
8. Cloud architect/integration
9. Data scientist
10. CMS

This survey shows that UI/UX designers listed at the top among these IT skills/professions. An article, 29 Best Jobs for Work-Life Balance, published on Forbes shows that the work-life balance of UI designer and UX designer are 4.0 and 4.1, which listed at 5th and 2nd places among the 29 best jobs respectively. The universal annual salary levels of them are maintained around $ 84,500 and $ 95,000. Obviously, UI/UX designer is the most popular and perfect job at the current environment. You can not only gain high income but also can keep a good balance between life and work.

How much the UI/UX designers earn in the entire year? Here is a figure below for your reference to learn how much the UI/UX designers earn in every part of the world. Salary varies according to economic development.

UI/UX Designer Average Annual Salaries Around the World:

Average Annual salary of UI/UX Designers


Popular Employer Salaries for UX Designer:

Popular Employer Salaries for UX Designer, Accenture, Google, SAP, Facebook

Source: payscale.com


Related Job Salaries:

Related Job Salaries, User experience designer

Source: payscale.com

Global Average UX Salaries by Years of Experience:

Here's how the average salary changes as more experience is gained.


Global Average UX Salaries by Years of Experience

Source: uxdesignersalaries.com

In the final analysis, we have a look at the UI/UX salary level in China. In recent years, the UI/UX design industry gets flourish, many people are wondering how the situation and how much salary could gain in China. A survey from a Chinese UI/UX design website shows that the average monthly UI salary is more than 6K RBM, and the average monthly UI salary over 10K RMB also accounted for a large proportion. Therefore, UI/UX salary increases with the accumulation of work experience. Experience can be wealth, too.

China Average UI Salaries by Years of Experience:

China Average UI Salaries by Years of Experience


It appears that the average salary of a fledgling designer is around 6.5k RMB. Salary level will get improve as experience improving. Of course, the salary of UI/UX designers is connected to the skills and tools they mastered. The more technique and tool mastered the more potential and better on salary and career development. Salary of UI/UX designer listed in this article is only for reference, and the ultimate is depending on your situation. Please remember that there is no easy way to get succeed. The best to keep you a high salary is self-motivated and always looking into the latest UI/UX design trend. If you are a newbie who just gets into this industry, here is a list of must-read books & resources recommended.

Some people are jealousy the high salary of UI/UX designers, while their cognition to UI/UX design, and product design are still remaining at the very superficial stage: designer is who use the prototyping/wireframing tools such as AxureMockplus, or SketchPhotoshop to draw beautiful wireframe model to help engineers better development.

More disappointed is that many people still think design is a fake and only to show good appearance. "To make the product more eye-catching!", "To make the interface more artistic!" - These are often heard. This is how people think about design, superficially, no technique content. Let alone to have a clear understand the terms of UI, UX, IA, IxD.

As an enterprising UI/UX designer longing for high-income, how to do to master the basic skills to achieve the salary goal? You may get some inspiration from the recruitment requirement. Generally speaking, in addition to the specific requirements of jobs, for example, playing computer games well will be a plus when you applying for a game developing company, the highly understanding and insights of UI/UX design is always concerned. Caring for the latest UI/UX trends, keep learning to keep ahead. Good communication and collaboration skills are also required to be an excellent designer. Besides, skill improvement is inevitable, the popular prototyping tools AxureMockplusProto.io are always required to master well.

You may also interested in:

About Author

Grace Jia
Prototyping tools, UI&UX news & information, article sharer, writer.
Email: grace@jongde.com 
Web: Mockplus

Friday, 16 December 2016

UX & Virtual Reality - Designing for interfaces without Screens


Virtual Reality

It’s an experience that’s been around since the mid­ 80s, but technology always seemed to hold it back. The advances in smartphones and related technologies have finally brought the incredible potential of VR within reach. Now, we’re in the midst of a virtual reality revolution. The concept was coined around 1955 and so many years later VR is back in a big way with Oculus, Samsung Gear VR, Project Morpheus, Google Cardboard, HTC Vive, OSVR, and other smaller or yet to be announced players. The well-known tech giants Facebook, Google and Microsoft are keenly investing in VR which indirectly proves that it is going to be the game changer of this century.

virtual reality, wearables, technology, VR, UX

What are they trying to do with VR?

It’s really just immersive software. You know how your phone is a tiny screen that you sometimes ignore? Virtual reality is pretty much the opposite. It uses a headset (a big pair of glasses) that fills your entire field of view with an image. You turn your head left, you see left. Turn your head right, you see right. You will be framed inside a virtual world with virtual things with which you can interact, play, design and experience.

virtual reality, virtual projection

The VR Process

Designing for a flat 2D screen versus designing for 3D Virtual Space has its own challenging factors. Achieving the best user experience in VR Devices is the key success of the entire concept. As it is a combination of various factors such as Head Movement Tracker, Eye Tracker, Gesture Capture, Mind Map etc., making all these sync together and binding them perfectly with the design and visuals of your application takes a lot of effort and thought process.  

Who can utilize VRs?

Everyone. Yes, VR Headsets are of 3 categories affordable for all set of people around the world. Every single application that you are using in your mobile phones and computers can be designed for Virtual Reality. There is a big misconception among the people saying that VR is favored only for Game Development, which is totally wrong. Interior Designers, Doctors, Industrial Designers, E-Commerce, Banking and every other random line of business can use Virtual Reality for their work.

1. The low-end entry level headset. It’s actually just a fancy smartphone case. You slip your phone into pair of lenses that strap onto your head like a scuba mask, and there you go, you’re into the VR world! You can build these things out of plastic, or even, as Google demoed some years back, Google Cardboard. Samsung has one such model on the market today for $200.

2. The mid-range headset. It’s totally self-contained, like an Oculus Rift or Sony's Project Morpheus, with its own display and probably some headphones. Think of it as a really nice TV or computer monitor for your face. Maybe you plug it into a phone or a PC to play games or watch movies. Oculus which is acquired by Facebook is selling its latest dev kit.

3. The Augmented Reality. It is one step ahead of the Virtual Reality where we are binding the real world visuals with virtual stuffs. Imagine, you walk on the road and you can see the visuals, pins, navigations of the Google Map on your path. Two Big companies, Microsoft with its HoloLens and a headset by Magic Leap are trying to accomplish this concept.

Virtual reality weather updates


UX Principles for designing Virtual Reality

1. Everything Should Be Reactive 
Every interactive object should respond to any casual movement. For example, if something is a button, any casual touch should provoke movement, even if that movement does not result in the button being fully pushed. When this happens, the haptic response of the object coincides with a mental model, allowing people to move their muscles to interact with objects. When designing a button: use a shadow from the hand to indicate where the user’s hand is in relation to button, create a glow from the button that can be reflected on the hand to help understand the relationship, use sound to indicate when the button has been pressed (“click”) 

virtual reality in medical


2. Restrict Motions to Interaction
The display should respond to the user’s movements at all times, without exception. Even in menus, when the game is paused, or during cut scenes, users should be able to look around. Avoiding Simulator Sickness and slowness is the key part of improving the UX in Virtual Reality Applications. Do not instigate any movement without user input. Reduce neck strain with experiences that reward a significant degree of looking around. Try to restrict movement in the periphery.

Virtual reality in healthcare


3. Text and Image Legibility
Bigger, brighter and bold texts should be used to indicate widgets. Images should be realistic and appealing to the user. The mind of the user is going to be entirely mapped into the virtual reality for a prolonged amount of time. Texts should be readable and legible for unstrained viewing of the user. Brighter and vivid the colors are, more involved the users will be.

virtual reality, 3d model


4. Ergonomics
Designing based on how the human body works is an essential to bringing any new interface to life. Our bodies tend to move in arcs, rather than straight lines, so it’s important to compensate by allowing for arcs in 3D space

virtual reality, ergonomics


5. Sound Effects
Sound is an essential aspect of truly immersive VR. Combined with hand tracking and visual feedback, it can be used to create the “illusion” of tactile sensation. It can also be very effective in communicating the success or failure of interactions.

VR, sounds


Google’s Design Guidelines for Virtual Reality

Google has listed some key principles involving physiological and ergonomics  consideration to be noted while designing for Apps that can run on Google Cardboard. They are pretty much straight-forward for the designers to understand. 

1. Using a Reticle
2. UI Depth & Eye Strain
3. Using Constant Velocity
4. Keeping the User Grounded
5. Maintaining Head Tracking
6. Guiding with Light
7. Leveraging Scale
8. Spatial Audio
9. Gaze Cues
10. Make it Beautiful

References
Google’s Cardboard Guidelines, Best Practices for Designing Oculus Rift




About Author 
With 3 Years of Professional Experience in Design and technology, I have a great passion for UX Design, Usability Testing and User Research. With a formal knowledge of Design Process, I prototype Interactive and Intuitive Designs for Desktops, Mobiles and Wearable Technologies.