サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
uxdesign.smashingmagazine.com
Some websites outperform others, whether in their content, usability, design, features, and so on. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well. When we design digital products, we often use design applications such as Photoshop and Sketch. Most peo
One way to gauge mobile experience is to look at the tools at our disposal. Prototyping tools enable us to build wireframes and click-dummies. We seem to be in a better position than ever to design great experiences in virtually no time. However, these tools come with a hidden cost: they tempt us to skip the key step necessary to creating a well-designed product — which is to take the time to unde
If you are a mobile UI or UX designer, you probably remember the launch of Apple’s first iPhone. It introduced a completely touchscreen-centered interaction to a individual’s most private and personal device. It was a game-changer. Today, kids grow up with touchscreens, and touch and gesture interactions have a lot of potential to make mobile experiences easier and more fun to use. As a mobile UI
Probably the most famous interface in sci-fi is gestural — the precog scrubber interface in Minority Report. This is one of the most memorable things in a movie that is crowded with future technologies, and it is one of the most referenced interfaces in cinematic history. By using it, detective John Anderton rushes to the scene of a future crime to prevent it and arrest the would-be perpetrator. O
Planning UX projects is a balancing act of getting the right amount of user input within the constraints of your project. The trick is to work out the best use of your time through research, design, and validation. This article explains how to choose the right mix of tools for the task at hand, including a matrix of UX tools and techniques that you can use on your UX projects. Planning user experi
In this article, which focuses on smartphones, not tablets, we’ll look at design patterns and approaches used for mobile e-commerce functionality, including home pages, photo galleries, and more. All the examples are drawn from mobile websites that run in smartphone browsers. People are increasingly using their smartphones as a replacement for desktop computers, even for activities such as shoppin
This article covers the fundamental concepts for utilizing smart device technologies and sensor data in order to understand context and introduce “adaptive thinking” into the UX professional’s toolset. The author demonstrates the importance of context when designing adaptive experiences and gives ideas on how to design adaptive systems. In computer science, the term “adaptive system” refers to a p
Designers can do plenty of things to counteract the technical appearance of the Web. In this article, Sabina Idler discusses different aspects of freehand drawing and writing in Web design and how they can enhance the user experience of your website. The Web is technical by nature. Different scripts and pieces of code are linked together through hyperlinks, forming an endless net of interwoven, en
While masking passwords is a good security practice, there’s a chance it could jeopardize the user experience of your sign-up form. In this article, Anthony T explores how to balance security and user experience. Masking passwords is an old practice that’s commonly implemented in sign-up and log-in forms. It’s used to prevent over-the-shoulder snoopers from catching the user’s password. While mask
A new freebie for Smashing Magazine’s readers: two printable UX sketching and wireframing templates designed by Pixle. Enjoy Outline and Tapsize! Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of tem
What is a sticky menu? Although sticky navigation can be applied to any menu, such as the footer or social media buttons, in this article, Hyrum Denney focuses on the main (or primary) navigation of a website. Most designers would agree that navigation is one of the most critical components of a website. Despite this, it is not always easy to use or access. Traditionally, users must scroll back to
Christian Holst goes over some interesting stats he found when benchmarking the top 100 grossing e-commerce websites’ checkout processes. In this post, Holst explains each of them and shows you some real life implementations of do’s and don’ts when it comes to checkout processes. A year ago we published an article on 11 fundamental guidelines for e-commerce checkout design here at Smashing Magazin
Designing for device orientation brings various challenges and requires careful thinking. The experience must be as unobtrusive and transparent as possible, and we must understand the context of use for this functionality. The accelerometer embedded in our smart devices is typically used to align the screen depending on the orientation of the device, i.e. when switching between portrait and landsc
Today we’ll have a look at a few projects in which the consistent use of the well-known term “emotional design” can result in a great personality. Positive attitude often leads to people sharing and even advocating for your product with their peers. “Oh hai Smashing Magazine!” That’s one of the dozen ways that Flickr welcomes its users upon signing in every time. It’s an easily overlooked detail,
In this case, tens of thousands of unique queries are being searched for on this university website, but the first one accounts for 1.4% of all search traffic. That’s massive, considering that it’s just one query out of tens of thousands. How many short-head queries would it take to get to 10% of all search traffic? Only 14 — out of tens of thousands. The 42 most frequent queries cover over 20% of
You cannot plan for and design a responsive, content-focused, mobile-first website the same way you’ve been creating websites for years—you just can’t. If your goal is to produce something that is not fixed-width and serves smaller devices just the styles they require, why would you use a dated process that contradicts those goals? You cannot plan for and design a responsive, content-focused, mobi
Emotional design has become a powerful tool in creating exceptional user experiences for websites. However, emotions did not use to play such an important role on the Web. Actually, they did not use to play any role at all; rather, they were drowned by a flood of rational functionality and efficiency. Emotional design has become a powerful tool in creating exceptional user experiences for websites
After taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. In this article Theresa Neil and Rich Malley explore a dozen different ways to surface and refine the data your customers want. As I was waiting for a table at a local restaurant the other day, I flipped through a couple of the free classified p
Despite the difficulties when designing business web applications, the job is interesting, and you learn many new things on each project that influence the way you design websites. It is based on compromises between client and user needs, business requirements and users, novice and expert users, functionality and simplicity, and so much more. In this article, Janko Jovanovic explains the different
When users look for information, they have a goal and are on a mission. Even before you started to read this article, chances are you did because you either had the implicit goal of checking what’s new on Smashing Magazine, or had the explicit goal of finding information about “Navigation Design”. When users look for information, they have a goal and are on a mission. Even before you started to re
Since Elliot Jay Stocks so poignantly told us to destroy the Web 2.0 look, we’ve witnessed a de-shinification of the Web, with fewer glass buttons, beveled edges, reflections, special-offer badges, vulgar gradients with vibrant colors and diagonal background patterns. The transformation has been welcomed with relief by all but the most hardened gloss-enthusiasts. Since Elliot Jay Stocks so poignan
In darts, hitting the bulls-eye is harder to do than hitting any other part of the dartboard. This is because the bullseye is the smallest target. This same principle can also apply to touch targets on mobile devices. Smaller touch targets are harder for users to hit than larger ones. In darts, hitting the bulls-eye is harder to do than hitting any other part of the dartboard. This is because the
Design patterns were first described in the 1960s by Christopher Alexander, a civil engineer who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.
The Web has entered an era of user-centricity. If businesses are to attract new customers and retain existing ones, they must create websites and apps that deliver intuitive and tailored experiences. Whether you run an online retailer or a not-for-profit community website, the user experience is mission critical. As a consequence, we have seen a real surge in the need for talented user experience
Like most well-designed things, the magic of an iPad app comes from a union of usefulness, usability and meaning. Games aside, the app must be useful by solving a problem that people actually have through the right set of functionality at the right time. It must be easy to use and, just as importantly, easy to get started using, without a lot of pesky setup and learning steps. And it must hold mea
About The AuthorVitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he’s most probably running front-end & UX … More about Vitaly ↬ Accessibility has always been a slightly unsettling realm for web developers. Surrounded with myths, misunderstandings, and contradicting best practices, it used to be a domain for a small group of experts who would “add
For designers, it’s easy to jump right into the design phase of a website before giving the user experience the consideration it deserves. Too often, we prematurely turn our focus to page design and information architecture, when we should focus on the user flows that need to be supported by our designs. It’s time to make the user flows a bigger priority in our design process. For designers, it’s
Microsoft’s new mobile operating system, Windows Phone 7 (WP7), introduces a fresh approach to content organization and a different UX, based on the Metro design language and principles that will be incorporated into Windows 8. It also targets a different market than its predecessor: instead of being designed mainly for business and technology workers, WP7 is targeted at active people with a busy
I hear a lot of people talking about the importance of sketching when designing or problem-solving, yet it seems that very few people actually sketch. As a UX professional, I sketch every day. I often take over entire walls in our office and cover them with sketches, mapping out everything from context scenarios to wireframes to presentations. My desk. Although starting a prototype on a computer i
次のページ
このページを最初にブックマークしてみませんか？
『【 フリー素材・ブラシ ★ 】 - Smashing Magazine - For Professional Web Designe...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
