Wayfinding For The Mobile Web — Smashing Magazine
To help balance the craving for visual simplicity with the need to keep websites easy to navigate, you can borrow some concepts from the world of wayfinding. In this article, Dennis Kardys will show you how you can apply these concepts to the mobile web. Keep in mind that every person who browses an application is making their way through a space — often an unfamiliar one. As the user embarks on t
Yahoo! JAPANのスマホアプリ開発で取り入れられているUI/UXデザイン技法
UXデザイナーの瀧さんは、社内で「デザイン思考」を推進する活動を行っているそうです。今回の発表では、スマートフォン向けのサービスに適したUXを考える際のアプローチ方法について、実際の体験談を交えながら解説しました。 デザイン評価手法の一つ「アクティングアウト」 「アクティングアウト」はデザイン評価の方法の一つであり、アイデアを実際に利用する環境で体験してみることで、アイデアを検証できたり新たな発見を得られたりします。スマートフォン向けのサービスは利用者の環境がさまざまであるので、特に有効だそうです。 「アクティングアウト」の活用事例 瀧さんのチームでは、おでかけサポートアプリ「way」（現在は提供終了）を作るときにアクティングアウトを活用したそうで、その時のプロセスが説明されました。まず、最近印象に残っている「おでかけ体験」を文章にして、その中から心に残る体験につながっている要素を抽出しま
Think Your App Is Beautiful? Not Without User Experience Design — Smashing Magazine
Aspiring to beauty in our designs is admirable. But it doesn’t guarantee usability, nor is it a product or marketing strategy. “Beautiful” says very little about the product. How many people, fed up with PowerPoint, cry out in frustration, “If only it were more beautiful”? No one has figured out how to describe their product effectively. For example, Write, a note-taking app, describes itself as “
How To Add Page Transitions with CSS and smoothState.js | CSS-Tricks
CSS animations (and a little JavaScript trickery) can let us add page transitions and move away from the hard-cut of page loads. My jQuery plugin smoothState.js helps polish those transitions and improve UI response times. Page transitions benefit the user experience Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating
Reimagining Codecademy.com
We have recently launched a considerable redesign of Codecademy.com, which you can read about in detail in our blog. Now, we would like to take this opportunity to expand on the main design principles that helped us guide through this 3-month undertaking. Our UI toolkit covering every element, such as header, footer, form fields, button styles, sign up modules, grid, padding, typography, colors, a
Improve the payment experience with animations
It’s easy to see how designing forms can be seen as a chore that detracts from the time that could be spent on more exciting parts. Yet, if you think about it, the payment form is part of the checkout flow, the point at which a user is on the verge of committing to trusting you and your business with their vote of confidence. This experience should really be as great as possible, and using animati
CSS Nite LP33 UI/UX "Bridge Builder"
2014年3月29日 (土) に開催したセミナーイベント CSS Nite LP33 UI /UX セッションで講演した「Bridge Builder: IAシンキングで進める体験とコンテンツの構造化」のスライドです。 CSS Nite LP, Disk 33「UI/UX」（2014年3月29日開催） http://cssnite.jp/lp/lp33/ 講演ログを Storify でまとめてみましたので、こちらもご覧ください。 CSS Nite LP33 UI/UX session #1 Bridge Builder - Storify https://storify.com/bookslope/css-nite-lp33-ui-ux-session-1Read less
Design Principles of Android Wear (Japanese Translation) - 安藤日記
------------------------------------------------------------ Android Wear のデザイン原則（日本語訳） ------------------------------------------------------------ Design Principles of Android Wear（原文） http://developer.android.com/wear/design/index.html Android Wear デバイスは、ネットの世界に接続されたり、現実世界に存在したりできるように、ちょうど適切な時にだけ適切な情報を提供してくれます。 ここに Android Wear プラットフォームにおける、素晴らしいユーザーエクスペリエンスを設計するためのガイドラインを示します。Android Wear を設計す
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
The Dribbblisation of Design | en.ja Article
CreditThis article is translated with permission of Paul Adams. You can find original article at The Dribbblisation of Design.本記事はPaul Adams氏の了承を得て翻訳された記事です。 原文はThe Dribbblisation of Designにて掲載されています。 これらの天気アプリのうち1つだけが本質的な問題の解決をしようとしている。 プロダクト/インタラクションデザインコミュニティでは分岐が起ころうとしている。Ryan Singer氏やJulie Zhuo氏が書くような素晴らしい記事達が我々の生み出すものをよりよくし続けている一方で、多くの人がDribbbleに自身の作品を投稿し、議論をしている。それらを集約した結果は我々の生み出すものを後退させて
高まるインタラクションとUXの重要性！2014年はプロトタイプの年になる | Goodpatch Blog
MEMOPATCHの読者の皆様はもうご存知かと思いますが、Goodpatchでは現在Prottというプロトタイピングツールを開発しています。どうして今プロトタイピングツールなのか、その裏話はいずれ掲載する予定ですが、今回はMediumにプロダクトデザイナーJames De Angelisがポストしていた、 “2014: Bringing design to life” という、プロトタイプを作り、実際にデザインを動かすことがなぜ大切なのかということについて書かれた記事を翻訳しました。ぜひチェックしてみて下さい！ （以下、2014: Bringing design to lifeの翻訳） 静止画のPSDファイルの時代は終わりました。もしあなたのデザインが動かなかったり、インタラクティブでないとしたら、それは何のインパクトも与えることが出来ないでしょう。過去1年間、FlintoやFramer.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」