background preloader

HCI

Facebook Twitter

20 Blogs That Offer Best UX Design Resources (2017) We live in an age of sharing information, where one can easily get abundant valuable learning materials through internet as long as you are willing to explore.

20 Blogs That Offer Best UX Design Resources (2017)

Me, myself is exactly a “collecting” type: I can’t help buying a book which I think is helpful, even though I’m clear that there is no time to read it. Also, when I hit on some good learning materials like UX design resources on internet I’ll “Add to Favorites” immediately. For this reason, these years I’ve been in the design circle and my browser is full of various bookmarks; the storage of my cloud service has been expanded for many times. Today I want to share with you 20 blogs on UX design, each of them offers very inspiring UX design resources, including design techniques, tutorials, books, trends, design templates (like persona templates & examples). If you are a veteran in the field, these UX blogs are nice places to get new inspirations. 1. “We help UX professionals get started and get better.” 2. 3. 4. 5. 6. 7. 8. 9. 10.

Messengers of Concepts. We study the concept of color semantics by modeling a dataset of magazine cover designs, evaluating the model via crowdsourcing, and demonstrating several prototypes that facilitate color-related design tasks.

Messengers of Concepts

We investigate a probabilistic generative modeling framework that expresses semantic concepts as a combination of color and word distributions -- color-word topics. We adopt an extension to Latent Dirichlet Allocation (LDA) topic modeling, called LDA-dual, to infer a set of color-word topics over a corpus of 2,654 magazine covers spanning 71 distinct titles and 12 genres. Although LDA models text documents as distributions over word topics, we model magazine covers as distributions over color-word topics. The results of our crowdsourcing experiments confirm that the model is able to successfully discover the associations between colors and linguistic concepts. Visual Indicators to Differentiate Items in a List. Mobile screen space is limited, and on-the-go users are often interrupted and exhibit fragmented attention.

Visual Indicators to Differentiate Items in a List

As a result, mobile designers are always on the lookout for ways to simplify and declutter the UI. Appointment Web Forms – Hacker Noon. Many challenges I deal with in the work place revolve around bringing users to register, purchase items, sign up, or some other web form that the client wants to improve.

Appointment Web Forms – Hacker Noon

There is one particular web form that hasn’t been touched since its creation — every website does it the same (with some variation) without any evolution in the user experience, booking appointments. Disclaimer: This concept I’m about to present only works well and has been researched with offices, such as dentists, doctors, car maintenance, etc.

What we have today. There are two ways a booking form works today. Find a date on the calendar, view available times, and if none of those work for you, keep clicking through the each date that is available until you find a time that works for you. The second most common calendar format gives a weekly view. Obviously these paradigms works great since they are still with us today — however what if we take a look at it from the upside down? Doing some research. Design Thinking: A Quick Overview. If you have just started embarking your journey through the Design Thinking process, things might seem a little overwhelming.

Design Thinking: A Quick Overview

This is why we have prepared a useful overview of the Design Thinking process, as well as some of the popular Design Thinking frameworks commonly used by global design firms and national design agencies. To begin, let’s have a quick overview of the fundamental principles behind Design Thinking: Design Thinking starts with empathy, a deep human focus, in order to gain insights which may reveal new and unexplored ways of seeing, and courses of action to follow in bringing about preferred situations for business and society.

It involves reframing the perceived problem or challenge at hand, and gaining perspectives, which allow a more holistic look at the path towards these preferred situations. PC GUI History - DESIGNBRIEF. Usability Testing Of Mobile Applications: A Step-By-Step Guide. The mobile market is huge and growing at a very fast rate.

Usability Testing Of Mobile Applications: A Step-By-Step Guide

With an estimated 4.5 billion subscribers worldwide, it is forecasted that the number of mobile phones will surpass the world population. Before Begin … A Couple of Words About This Guide As the title of this article says, this is a step-by-step guide. The reason why I went for such a structure is to provide completeness. Very often one comes across articles that describe in detail a particular phase of mobile application usability testing. Question no.1 – Do you need to read each step? Usability Testing Of Mobile Applications: A Step-By-Step Guide. How just one word can change your conversion.

Layout, images, colours, fonts are equally important in order to provide users with a pleasant online experience and increase the conversion rate of a website.

How just one word can change your conversion

The design of a website is crucial, but it’s not the only factor that we should take into consideration. Users should be guided and helped in making a purchase decision on a website; they need to have enough information in order to make an informed decision and the navigation has to flow smoothly. Fuse. Alcatel Watch UX — User Experience Design (UX) Designing user experience for Alcatel’s first smart wearable device Alcatel wanted to produce an affordable and easy to use device for beginners.

Alcatel Watch UX — User Experience Design (UX)

It had to be simpler than Android Wear so non-techies could use it without learning. Another important requirement was better power efficiency as opposed to Android wear. These were the factors that made us build an OS from the ground up. I joined the company and took over the Watch project when the hardware was fixed. The research team provides us with a competitor analysis, focus group data on user expectations, pain points and feature popularity. The Seven Principles of Universal Design. It can be easy to forget that users don’t come in a standard format when designing products.

The Seven Principles of Universal Design

We’re getting better at catering for different personas or demographics but the industry still lags a long way behind design that is accessible to as many disabled people as possible. The principle of “Design for All” is one that begins with the Seven Principles of Universal Design. Your Graphs Look Like Crap: 9 Ways to Simplify and Sexify Data. Remember your last marketing team meeting?

Your Graphs Look Like Crap: 9 Ways to Simplify and Sexify Data

That one person spoke to your team and just started throwing data at you from your monthly marketing reporting deck. No context -- just numbers, graphs, and the occasional pop of color. Instead of intriguing you, he or she put you to sleep -- it was really hard to stay awake when someone was just throwing data at you. You don't want to be that person. User Interface Design Tips, Techniques, and Principles.

User interface design important for several reasons. First of all the more intuitive the user interface the easier it is to use, and the easier it is to use and the less expensive to use it. The better the user interface the easier it is to train people to use it, reducing your training costs. The better your user interface the less help people will need to use it, reducing your support costs. The better your user interface the more your users will like to use it, increasing their satisfaction with the work that you have done. Optimizing UI icons for faster recognition.

What makes an icon a valuable addition to the interface, rather than a mere decorative element? Intuitiveness, aesthetic value, memorability, intercultural perception? While an effective icon would combine many of those characteristics, I’d like to focus on one measure–speed of recognition, or how fast a specific icon can be discovered and identified. In a simple leisure app, the difference in speed of recognition may be too subtle to have any noticeable effect on the overall experience.

This may be different for a complex trading application: The requirements for iconography here are more likely to prioritize speed, since every second spent on processing individual elements can have a significant impact on the effectiveness of the overall interface. Semiotic theory and structure of signs User interface, like any language or other communication system, is a construct, made using series of signs. 18 best practices to improve your e-commerce website.

Designing e-commerce websites is probably one of the most complicated task for a web designer. Your client (or yourself) will have some very clear goals that will make the UI and choice of eCommerce software even more important, you will also need to take special care of your visitors. 1. Keep it simple No matter what kind of products you are selling, make it easy to by products on your ecommerce site.

Have images for products or categories on the homepage, use a clear hierarchy for a consistent navigation. Role-Playing the Interaction. Bad Web Design Features. Is Booking.com the most persuasive website in the world? One of the most important areas to invest time into is developing the persuasive layer of your online experience and deliver more reasons for your visitors to do what you want them to do.

In fact, I see persuasion as being one of the next big battlegrounds online. As more websites are upping their game around the fundamentals of good user experience and usability principles they’re looking for the next area of growth and to gain competitive advantage. One brand I’ve paid particular attention to since 2009 has been Booking.com. I previously wrote a piece back in October 2011 about the wide range of persuasive techniques used on its search results page. Since then Booking.com has continually evolved and refined its online experience, adding in new features, functionality and in particular using even more persuasive techniques.

Homepage. 5 Principles of Persuasive Web Design. Creating An Adaptive System To Enhance UX. Advertisement In computer science, the term “adaptive system” refers to a process in which an interactive system adapts its behavior to individual users based on information acquired about its user(s), the context of use and its environment. OS X Human Interface Guidelines: User-Centered Design. When you stay focused on your users throughout the design process, you have the best chance of delivering a product that meets their needs. Adaptive Vs. Responsive Layouts And Optimal Form Field Labels. Advertisement. Persuasive Web: Where Psychology Meets Conversion. 14 Examples of The Persuasive Power of Color in Web Design. 7 Lessons Apple Can Teach Us About Persuasive Web Content. Let’s admit it. 5 Principles of Persuasive Web Design.

366inShareinShare. About Interaction. The theoretical part of HCI is very rich. When to Use Which User-Experience Research Methods. 15 common mistakes designers make. Marissa Mayer's New Rule For App Design. How To Write a Product Feature Set. 3 Tools for Getting the Most Out of Your A/B Testing. Health Design Challenge: d+collab // THE PATIENT RECORD. How to Utilize The Gestalt Principles. InterState: A Language and Environment for Expressing Interface Behavior. Incorporating Social Identity Theory Into Design – Smashing Magazine.

Design Science: What Is Gestalt Theory? The Book Metaphor. Efficiently Simplifying Navigation, Part 2: Navigation Systems. Scaling User Interfaces: An Information-Processing Approach. IxD (Interaction Design) Checklist - Myplanet Digital. Jacquelyn Brioux. State of Design: How Design Education Must Change. What UX Is and What Isn't. Stupid Smart Stuff. Hair-Raising Subway Ad Blows Away the Competition. Hair-Raising Subway Ad Blows Away the Competition. Introduction to Information Architecture. The 17 Designs That Bell Almost Used for the Layout of Telephone Buttons. Designing for Others.

Mokk.me - Mobile web app mocks. Cs.swan.ac.uk/~csharold/tick/HCIed.pdf. Teaching and learning human-computer interaction. 7 unbreakable laws of user interface design. What You Should Know About Web Typography That Will Make You A Better Designer. Visual Definitions of User Experience. The Psychology of Interaction Design. Usability vs. User Experience (UX) Data Visualization. Faculty.washington.edu/ajko/teaching/info360/ The Psychology of Color. GoodUI. Treatise on User Experience Design: Part 1.

What Is User Experience Design? Overview, Tools And Resources. The Anatomy of an Effective Homepage. All That Glitters Is Not Gold: A Common Misconception About Designing With Data. Mobile Design: Where to Get Inspiration. 30 essential UX tools. 50 Awesome Resume Designs That Will Bag The Job. The Difference Between Information Architecture and UX Design. Creative And Innovative Navigation Designs. 7 Actions that Earn User Trust. How to Use Visual Hierarchy and Website Layout to Emphasize Your Message.

Google's Design Team Showcases a Collection of Beautiful Apps. Martin Velchevski's answer to User Experience: What are the key characteristics of an effective UX designer. Adaptive user interfaces for health care applications. Adaptive User Interfaces. Perceptual Computing SDK 2013. UX Strategy - Video, Poster and White Paper. Give Your Website Soul With Emotionally Intelligent Interactions. Can Do, Will Do, Still Do - Seven Principles of Persuasion, Emotion, and Trust. The Roots of User-Centered Design — Beyond Wireframing: The Real-Life UX Design Process. The Challenge Of Conducting User Research In Different Age Groups. Crash Course: Design for Startups. How to Prototype a Mobile App with PowerPoint - DIY DROID. Human Factors.

Visualizations

Researchers Pushing the Boundaries of Virtually Space to Include Sense of Touch - UT Dallas News. RoughDraft.js - A jQuery Plugin To Create & Prototype A Full Interactive HTML Mock-Up. An introductory video to interaction design and collective behaviour. Inspectlet - Website Heatmaps, Screen Capture, Real-time analytics. Mixing Metaphors – Swipe Conference. Wireframes. A Collection of Printable Sketch Templates and Sketch Books for Wireframing.

The Washington Post for iPad – Modules and Rules  Designing The Washington Post for iPad – Detailed Wireframes  Proposals. 5 Steps for Wireframing and Paper Prototyping Mobile Apps. ACHI 2013.