10 Error 404 Page Examples for UX Design

These 404 page examples show how designers can turn a simple computing error into a branded user experience (UX). The earliest models of personal computers had 64k RAM or less. Programmers needed to keep things simple. They developed a classification system for program functions. Input errors got assigned to class 400. 400 Bad Request....

2d

What Is a Component Library and Why Should You Use One for UI Development?

A component library is a pretty handy thing to have, especially if you need to scale fast. Take Netflix, Uber, and Twilio. They all leveraged speedy and impressive growth using design systems built from component libraries. And while some would argue the case for building their own as part of their enterprise design system, the time and...

4d

How UX/UI designers should write a design proposal

The humble design proposal is, perhaps, the most crucial text a UX/UI designer will ever write. This document outlines your specific approach to the client’s design brief — what you plan to do and how you plan to do it. If successful, your proposal will become part of the contract you sign with the client. It all starts with the first word you type. ...

2w

Does the Hamburger Menu Make Mincemeat of UX Design?

The hamburger menu looks as tasty as it sounds. It’s a design-cum-navigation element, now on almost all apps, that comprises three horizontal lines. It looks like a hamburger. Picture something like this: Bun, patty, bun. If you squint, it kind of looks like the Spotify logo: Photo credit The UX designer’s...

2w

Adopting Design Systems in Enterprise with Johnson & Johnson

When any new leader walks into an enterprise with more than a century of history—as Johnson & Johnson does—they know they must adapt to some of the existing processes. Improvements in technology, however, have made it necessary for all corporate designers to turn processes into even more efficient methods. If you start a new job tomorrow, you might...

2w

UXPin顧客事例：株式会社X-PERIENCE

皆さま、こんにちは！UXPinです。 今回は現在UXPinをお使いいただいている株式会社X-PERIENCE取締役の新山様へミニインタビューをさせて頂きました。 新山様   株式会社X-PERIENCE様のご紹介 BtoB向けデジタル・WEB領域での運用アドバイスを中心としたコンサルティングファーム。企業WEBサイトの設計整理などを中心に「三方良し」の精神でクライアントに伴走、課題解決を推し進める精鋭の方々です。 株式会社X-PERIENCE   どういった場面でUXPinを使っているのか 一番活躍するのは、クライアント企業様へのプレゼンテーションです。完成形を実際に体験していただくことができるので、非常に助かっています。   UXPinを導入した経緯 私自身はExcelで大量の情報整理をすることが多いのですが、それをそのままお出ししても伝わらないので、最終イメージをPowerpointで作成していました。クライアントへの提案をどうしたらもっと「わかりやすく」伝えることができるのかを考え、デザインツールを検討したことがきっかけです。導入する1年前後、実際に使い比較検討しUXPinにいたしました。...

2w

デザインシステム、パターンライブラリ、スタイルガイドの違い

デザインシステム、パターンライブラリ、スタイルガイドという言葉は、よく同じ意味で使われているのを見かけます。 この3つの概念はつながっていますが、同じものではありません。 ここでは、定義を明確にし、それらがどのように組み合わされるのかをイメージし、デザインシステムを構築する上での主要なマイルストーンについて説明します。 デザインシステムの定義 まず、定義を整理することで、コンセプトがどのようにつながっているのか、また、より良い製品を作るためにどのように利用できるのかを学ぶことができます。 デザインシステム – デザイン標準、ドキュメント、原則の完全なセットと、それらの標準を達成するためのツールキット（UIパターンとコードコンポーネント）。 パターンライブラリ – デザインシステムのサブクラスで、会社全体で使用するデザインパターンのセット。...

2w

「リモートデザインスプリント」ガイド

リモートデザインスプリントは、都市や世界のさまざまな場所でコラボレーションする人が増えたことで、ますます人気が高まっています。コロナウイルスの大流行はリモートワークへの移行を加速させましたが、企業は社員やフリーランサーを場所ではなく才能に応じて雇用することで、より強力なチームを構築できることを発見したため、この傾向は2020年よりずっと前から始まっていました。 より多くの企業がリモートワークを採用するようになると、デザインスプリントのアプローチを更新する必要があります。以下のガイドは、リモートデザインスプリントをスムーズに進め、できるだけ苦労せずに素晴らしい結果を出すために役立ちます。   リモートデザインスプリントのチームを作る（そして確認！） ...

2w

製品設計・開発モデルを改善する方法: PayPalからの教訓

一般的な製品モデリングプロセスは、部門間の行き来が多く、非効率なコースを辿ります。従来の製品設計・開発モデルのライフサイクルでは: プロジェクトマネージャーがアイデアを出し、それを文章化してデザインチームに送ります。デザイナーは、プロジェクトマネージャーが書いた指示を解釈し、それをイメージに変えなければならないデザイナーは、開発者にそのイメージを伝える開発者は、コーディングの経験を生かしてイメージを再現し、機能を追加するプロジェクトマネージャーは、開発者が作った製品の機能を確認し、修正を依頼する このプロセスは、プロダクトマネージャーのビジョンを実現するまで繰り返されます。 PayPalのデザインチームは、このような従来の方法論に問題があることを認識していました。PayPal社のデザインチームは、このような従来の手法の問題点を認識し、会社のニーズに合った、より合理的なアプローチを生み出しました。ここでは、PayPal社のアプローチが、自社のプロセスを改善するためのヒントになることをご紹介します。...

2w

4 Testimonial Page Examples for UX/UI Design

These testimonial page examples will show you how to offer social proof of a product’s benefits. In other words, when you design a page that shows visitors the wonderful ways the product or service helped other customers, they’re more likely to believe that it can help them too. “Above the fold” is the part of the testimonial page the...

3w