qq%e6%88%aa%e5%9b%be20161214194950

Mockplus Christmas Sales & Giveaways for Year End – 64% Off

The holidays are really the most wonderful time of year, and this year Mockplus wants to make them as excellent as possible for their beloved customers. As 2016 Christmas comes around the corner, Mockplus is offering up to 64% discount for its annual billing subscriptions from this page, with no promo code required. Furthermore, here is a round-up of bonus deals for folks working on creative projects. Let‘s go and see more detailed information.

Save 64% Off Mockplus on Annual Billing

Giving user experience and happiness the highest priority, Mockplus now decides to give special 64% discount to reward all existing and new customers. On the regular basis, the monthly price of Mockplus Pro version is $29; while through this promotion link, anyone will be able to enjoy the promotion price of $10.5 per month and save more than 220 bucks while purchasing. Note that, this Christmas promotion will start from Dec 14, 2016 and last until Jan 15, 2017.

qq%e6%88%aa%e5%9b%be20161214194950

 

More Offer for Some Other Offers for University & Team,  please check it at here: www.mockplus.com

 

1

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.

1

 

Design State

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, colour, imagery, layout, IA, and interactions just didn’t seem to align anywhere. And when I started talking about it, I realised 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, timezones 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”.

Princeples

2

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)

Design Books & Tools

3

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.


You May Also Interested in:

16 Design Books Every Designer Should Read in 2017

Information Is Money: 10 Best Web Design Blogs You Must Read

Prototyping Design Tutorial Roundup: Best Video Tutorials

100 Excuses for Designers — Because sometimes you need one! (by Jon Moore)

What Kind of Prototypes and Design Tools You Need for Your Audience?

 

feature_videotutorial

Prototyping Design Tutorial Roundup: Best Video Tutorials

In general, pen and paper prototyping is most often used to display conceptions in the product development process. Which processes simply and rapidly with a brief sketch. But you still have a lot of work to do, if you want to get the wireframes to be more perfect. On YouTube, somebody shows a paper-based prototype for Daum’s webmail service. All the button clicks and page interactions displayed logically and clearly by two people cooperated with each other. While time is money and everything at this quick tempo environment. Some users wondered how long it takes to rehearsal for the presentation. The more worried is the sequence of the paper pieces, and the problem of documents missing.

paper_prototype-1

Comparatively, employing with a variety of wireframing/prototyping tools is a more advanced operation. So many introduction or summary of such tools explosively listed. But, do you really know how to use it? Maybe some of you are eager to find out the video tutorial on YouTube or somewhere. It is better to teach you how to do it better than only names. There are some video tutorials of the frequently-used tools. Just take a look.

Wireframing Tool – Balsamiq

Balsamiq Tutorial

Balsamiq Mockups started in 2008 in California. It is the pioneer of hand-drawn style prototyping tool and reproduces the experience of sketching on a whiteboard. It is a simple wireframing tool, which means it cannot use to make the interactive prototype. To help users learn better and faster, a 3-minute video tutorial shows at the home page. More detailed tutorials are available on YouTube, such as this Balsamiq Tutorial with 65K + views, which created in November 2013.


Interactive Prototyping Tool – Mockplus

30 seconds prototyping with Mockplus

Mockplus is a simple and easy-to-learn interactive prototyping tool. Which interaction design is fully visualized, that’s WYSIWYG. It’s unique link points allowing you to create interactions between components and page drag and drop easily. A 10 minutes video tutorial available at the Tutorial page, that is, learning right, using right. Also, you can find more tutorials on YouTube, then you will learn that Mockplus could help you to achieve the more advanced and complicated interaction effects. Its comparative advantage could see from the “30 seconds prototyping with Mockplus”. Mockplus tutorial has accumulated 10K + views within a few months.

Interface Editing Tool- Sketch

Sketch App Tutorials Series Introduction

Sketch is a vector drawing application for all designers. Vector graphics is currently the best way to conduct web pages, icons, and interface design. Experienced designers spend a few hours can use it well with their own design skills in Sketch. If you are a beginner and don’t know how it works, simply follow the tutorial videos. LevelUpTuts’ Sketch App Tutorials Series Introduction, which has 300K + views will teach you well in learning Sketch.


(adsbygoogle = window.adsbygoogle || []).push({});

Collaboration & Presentation Tool – Invision

Invision video tutorial

Strictly speaking, InVision not an interaction design tool, but it can help designers and design teams to do prototyping more efficiently. Creating an online prototype requires only four parts: creating a project, uploading visual design drafts, adding links, and generating online prototypes to communicate with colleagues, users, and get feedback. A 3-minute video tutorial available on it’s website for a quick overview of Invision. Similarly, you can go to YouTube to find more detailed Invision video tutorial.

You may also interested in:


How to Be A Completely Failed UX Designer?

What Kind of Prototypes and Design Tools You Need for Your Audience?

100 Excuses for Designers — Because sometimes you need one! (by Jon Moore)

20 Prototyping and Wireframing Tools for Web Designers

UI & UX & Graphic Professionals: Best Facebook and LinkedIn Groups to Join

b23c113e-4318-4802-b8c5-282927a6a3da

The Best UI/UX Design Books & Resources for Designers

113_dont_thinkWant 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.




UX Books for Entry-level Designers (Books with PDF link)

1. The Design of Everyday Things – By Donald A. Norman

It shows a teapot on the cover of the book, the teapot spout and the handle at the same side, if you tea, you are likely to burn yourself. What Norman want to tell you, the life is hard, often the “bad design” should be blamed. To learn interaction well, you must understand what’s the design requirements from people at first. As Steve Jobs said, “Design is not just what is looks like and feels like. Design is how it works.” The ultimate purpose of the designer is to make useful products, not just good-looking.

2. Don’t Make Me Think – By Steve Krug

“Characters of this book, the first one is short and pithy, 200-page length, not wordy at all. You may put it devoured on a noon, perhaps before going to sleep, even on the plane, or on your way to work. (It’s more likely to read through it on the love when you get the book) ” Therein, which stresses the three laws of Web Usability, the first one is – do not let me think.

3. The Non-Designer’s Design Book – By Robin Williams

Interaction designers must learn the basic knowledge of typography, no aesthetic, you can not be a good designer. In this ubiquitous creativity era, you have to make yourself be a designer.

In the eyes of Robin Williams, the design is quite simple. The book covers the four graphic design principles of C.R.A.P(Contrast, Repetition, Alignment, and Proximity), with concise, humor, and vivid language recounts the how much the changes and visible benefits brought by using these principles flexibly. In addition, it also introduces some basic knowledge about color and font, making the content more completely.

UX Books for Advanced Designers (Books with PDF link)
1. The Elements of User Experience – By Jesse James Garrett

If all you need is a book to teach you “how to design”, there are many, many books discuss how to build a website, but this one is not you wanted. If all you need is a book to tell you about technology, you can not find a line of code here. If you want to find an answer in this book, on the contrary, this book teaches you “how to ask the right questions.”

This book will tell you what you need to know in advance before you read other books. This book is for you, if you need a great concept, and if you need to understand the environment that user experience designers make decisions.

2. A Project Guide to UX Design: For user experience designers in the field or in the making (2nd Edition) – By Russ Unger & Carolyn Chandler

“If you are a young designer entering or contemplating entering the UX field this is a canonical book. If you are an organization that really needs to start grokking UX this book is also for you.”– Chris Bernard.)




3. Communicating Design: Developing Web Site Documentation for Design and Planning (2nd Edition) – By Dan M. Brown

Successful web design team relies on good communication between developers and customers, but also inseparable from communication within the development team members. Dan Brown will teach you through this book, wireframes, site maps, flow charts and other design established a common language. Through it, the designers and project teams can capture ideas, track progress and always allow stakeholders to know the latest situation of the project.

4. About Face: The Essentials of Interaction Design– By Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel

As one of the must-read classic books, About Face series are worth the time to read, and each version is very valuable. As one of the instrumental books, AF brings interaction into the daily language of product design and development. Which is a comprehensive guide on interface design and interaction design of web and mobile devices. This book covers the best practices of project progress, goal-oriented design, persona development. For beginners who have no project experience, it may be very difficult, but still worth reading. We recommend cursory read at the first time and then study the rest part carefully when needed, because it involves too many details.

“If Norman is an old man telling stories, Krug is a crash expert let you simply entry design, while Cooper is a scholar, researcher, designer.”

UX Websites & Blogs

1. Lukew

Lukew, a senior UX expert on digital product leader who has designed and built software used by more than one billion people worldwide also the founder of several companies.

2. Smashing Magazine

A comprehensive website provides high-quality articles with the UX employee on Design, Coding, Mobile, and Word Press etc.

3. UXbooth

A professional UX website. The difference between it and Smashing Magazine is that UXbooth focuses more on the aspect of user experience design.

4. Mockplus Blog

It’s a new blog with very simple and clean interface, no more distraction from advertisements or others. Articles are all surrounding the topics of design tools, UI/UX design, web design, and mobile app design. A good design topic resource to follow.

Books Recommended by readers:

Mental Models (by Indi Young)

Practical Empathy (by Indi Young)

The Inmates Are Running the Asylum ( by Alan Cooper)

Rocket Surgery Made Easy ( by Steve Krug)

Designing for the Digital Age (by Kim Goodwin)

Start with Why (by Simon Sinek)

The UX Book: Process and Guidelines for Ensuring a Quality User Experience (by Rex Hartson, Pardha Pyla)

Interaction Design: Beyond Human – Computer Interaction (by Preece, Sharp, and Rogers)

Measuring the user experience (by Tullis and Albert) (If you want to know more about the quantitative side)

Research Methods in Human-computer Interaction (by Jonathan Lazar and Jinjuan Heidi Feng)

Handbook of Usability Testing 2nd Edition (by Rubin and Chisnell) (If you want to dig deeper into how to conduct usability tests, but may also be a bit for interviews).