エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
ユーザーファーストなプロダクト製作ができる文化を作る/BASE User First
2016年5月20日にみんなのウェディングさんで行われた『デザイナーLT＆交流会（freee×BASE×みんなのウェディング）』で登壇した際の資料です。
デザイン思考によるイノベーションのわかりやすい例 - 小さなごちそう
徹底的なユーザー観察、素早いプロトタイピング、というデザイナー特有の問題解決手法を製品開発プロセスの川上に適用しよう、というのがデザイン思考だ。 デザイン思考を生んだIDEOのCEO、ティム・ブラウン氏は次のように語っている。 デザインは以前より、開発プロセスの川下に位置づけられていた。つまりデザイナーは、イノベーションの実作業である初期段階では何もすることがなく、固まったアイデアに化粧を施す。そのように考えられてきたのである。 （中略） デザイナーの役割はこれまで、開発されたアイデアを消費者にとって魅力的にすることだった。しかし現在、デザイナーには、消費者のニーズやウォンツによりマッチしたアイデアを生み出すことが期待されている。 従来のデザイナーの役割は戦術的であり、デザインによって生み出される価値は限定的だった。しかし現在、デザイナーに求められているのは戦略的な役割であり、これにより画
Instagramの利用率を大きくアップさせた、わずかなコードの変更とは？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
上： iOSのInstagramアプリ上の写真家Lisa Bettany氏(@mostlylisa)のページ Image Credit: Ken Yeung/VentureBeat Facebook が所有する写真共有アプリ Instagram を開発するソフトウェアエンジニアたちは、アプリのパフォーマンスをいかに改善できるか常に模索している。パフォーマンスの改善というのは、完璧主義の行いのようにも聞こえるかもしれない。だが、実際にそうした行為が重要な指標の改善にもつながる。たとえば、ユーザーの利用が増えるというように。 それこそ、まさに最近起きたことだ。エンジニアは、モバイル端末上でInstagramの各写真に20個のコメントを表示させるという機能に疑問を抱き始めた（「全てのコメントを見る」をタップしたときに、コメントがより速くロードされるように）。彼らは、コメントの数を3つに減らす決断
The best icon is a text label — Thomas Byttebier
Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity. Pictograms have been in use since the early days of mankind. They are often seen as the first expressions of a written language. Some non-literate cultures still use them
今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
シリコンバレーのUXトレンド10選 / UX Survival Guidesレポート
先日、サンフランシスコで行われたUX Survival Guidesに行ってきました。10年以上シリコンバレーでUXデザイナーをしているJoe Prestonから最近のUXトレンド、プリンシパルに関するショートトークを聞くことが出来たので紹介します。(次回はプリンシパルについて書きます) https://www.youtube.com/watch?v=NEKvlVYR0SM&index=5&list=PLGkDzKLOoQkk2VaE_QDnE7h4FKlDbJF4Rミニマリゼーションとも呼びます。私たちがデザインを始めた90年代と比べて、非常に変化してきている流れの一つです。 背景、グラデーションや影、線、ラベル、、すべてのものを取り去ることが美しいデザインと考えられるようになっています。例えばグラフはこのようになります。
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cookpad Techconf@kimura 2016/01/23