🖍️ 👌🏽 🎫 フードデザインダイジェスト、2015年5月 👨🏻‍🚒 🗂️ 🙂

5年間、インターフェイス、新しいツール、パターンのコレクション、興味深い事例、歴史的な話題に関する最近の記事の定期的なレビューを公開しています。テーマ別の数百のサブスクリプションのテープから、公開する価値のある出版物の約5％が選択されています。以前の資料： 2010年4月-2015年4月

パターンとベストプラクティス

メーリングリスト

手紙の画像の使用に関するメモ。ジェイソン・ロドリゲスの本の一部。
これは一般に疫病です。TheEmail Design Conference 2015 では、Litmusは最新のTwitterフィードをメーリングリストに統合しました。

絶対対 相対タイムスタンプ：どちらを使用するか

UX Movementチーフエディターは、インターフェイスの時刻と日付の相対値と絶対値を解析し、どの形式を使用するのが最適かを判断しようとします。

新規ユーザー会議

ギボンのトーマス・オフィンガからの新しいユーザーに会うための小さなガイド。

Baymardレポートからの抜粋

レポートからの新しい抜粋。ChristianHolstは、2つの別個の領域の代わりに、並べ替えとフィルタリングの単一の水平ストリップを使用することを提案しています。
Jamie Appleseedは、安価でパーソナライズされた検索結果ページを提供しています。多くの場合、製品の主要な特性のみが表示されますが、多くのクエリでは、二次パラメーターが関係します。 Baymardは、製品の横に現在のリクエストに関連する追加情報を表示することを提案しています。そのため、ユーザーはリストと製品の説明を行き来せずに製品を比較できます。

バーガーナビゲーション

BBCでさえハンバーガーのアイコンについて書いた。最もセンセーショナルな資料の著者の意見が収集されました。
スティーブンフーバーは、ポイントはバーガーアイコンとその代替品が良いか悪いかではないと言います。彼はあなたがナビゲーションの構造について一般的に考える必要があることについて話します-すなわち。ナビゲーション項目をまったく非表示にする必要がありますか？
Brad Frostは、単一のアイコンに最小化する代わりに、メニュー項目の最大数を画面に表示し、残りを「more」の下に非表示にする場合、従来のナビゲーションパターンを思い出すことをお勧めします。モバイルでは、彼はあまり好きではありませんが、無駄です。

Web UIデザインテクニックの無料電子書籍：カードとミニマリズム

新しいUXPinブックのカードプレゼンテーションパターンのコレクション。

摩擦がUXを改善する3つの方法

Dina Chaifezは、製品とのやり取りのプロセスを完全に滑らかでなめらかにすることは必ずしも理にかなっているとは限りません。特別に残された、または設計された小さな「粗さ」は、ユーザーのエンゲージメントを高め、より豊かな体験を作り出すことができます。

モバイルアプリケーションでのアニメーション解析

iOS用のカルーセル。

プラットフォームのガイドラインとそれらのデザインテンプレート

Googleデザインアップデート

Google I / Oカンファレンス2015では、Android Mが表示され、すべてのプラットフォームのガイドラインが大幅に更新されました。 Roboto Monoフォントは、タイルカードの代わりにGoogle Designサイトで積極的に宣伝されています。おそらく今年は、モノスペースフォントへの関心が高まるでしょう。

FirefoxOS：テレビと接続デバイス

Mozillaは、TV用のFirefoxOSガイドラインを公開しています。アニメーションへのアプローチは非常に興味深いものであり、その基本原理に関する短い話です。

Windows 10向けの設計

すべてのバージョンのWindowsの設計を担当するAlbert Shumが、話題の質問に答えます。電話の新しいバージョンのインターフェイスは広く批判されており、解決策を説明しようとしています。
TechRadarの記事で、設計プロセスの詳細を説明

Apple Watchの新機能

すべてのスタートアップが発売前に見るべき50の細心のスタイルガイド

ガイドラインとブランドブックの別のコレクション。

設計原則

メル・エドワーズは、さまざまな企業の設計原則のリストを多数読み、その準備のために6つの規則をまとめました。多くの例で過度の哀れみをうまくトローリングします。

ユーザーの理解

価格設定の心理学-戦略の巨大なリスト

価格を操作する場合、その表示は変換の設計の重要な部分です。 Nick Kolendaは、製品の価格設定方法に関する心理的戦略と設計手法の非常にクールな概要を準備しました。ブックマークして定期的に読み直してください。このような強力なことは、数か月に1回発生します。

ユーザーコンテキストを操作する

Craig Watsonは、新しいSpotifyが、コンテキストを使用することで製品の改善に役立つ場所に近い未来をもたらす方法について説明しています。

秘密、嘘、アカウント復旧-Googleでの個人的な知識の質問の使用からの教訓

登録およびパスワード回復中のセキュリティ質問の使用に関する問題に関するGoogleの調査。それらは記憶が乏しく、簡単に入手できるという事実に加えて、ユーザーデータの保護レベルの低下につながる他の問題があります。

指、親指、および人々

スティーブン・フーバーは、過去数年にわたって彼の研究からキーポイントをまとめました。

キラーウェブサイトの設計方法に関するGoogleベンチャー

Google VenturesのMichael Margolisが、基金のeコマースサービスの経験について語ります。彼らは、購入者が商品やサービスを選択するさまざまな状況で機能するショッピングファンネルの一般原則を導き出しました。興味深いことに、彼らは問題を非常に広く見ています。

情報アーキテクチャ、概念設計、コンテンツ戦略

FiftyThreeのペーパーで考える

iPadで描画するためのPaperアプリケーションは、インターフェイスと図のスケッチによってシャープになりました。スケッチを自動的に明確な図に変換し、最終的な作品を快適な方法で提示できます。確かに、彼のパロディはすぐに現れました。

サービス設計

従業員エクスペリエンスジャーニーマッピングワークショップのスライド

採用プロセスを設計し、Designing CXチームの従業員と協力するためのアプローチの詳細な分析。プレゼンテーションに加えて、使用されているすべてのテンプレートが投稿されています。

コンテンツ優先設計

Steph Hayは、製品で使用されるすべてのコンテンツを収集するコンテンツプロトタイプについて書いています。カスタムリサーチの実施など、簡単になります。

インターフェイス画面の設計と設計

手首：Android Wear vs. アップルウォッチ

Luke Wroblewskiは、Android WearとApple Watchを使用する際の動作原理と機能を比較します。彼は、現時点では、スマートウォッチはアプリケーションではなく、まずアクションが必要だと結論付けています。それらは重すぎます。

少し前の記事で、ルークは、インターフェイスの表示部分を削除すると、ユーザーのメモリに転送されることが多いと述べています。インターフェイスに明示的に表示されていないすべてのジェスチャ、ホットキー、およびその他のアクションを知る必要があります。彼は、Android WearとApple Watchの例を引用します。ここでは、インターフェイスを操作するために多くのことを覚えておく必要があります。

なぜ最高のワイヤフレームスタイルがスタイルではないのか

Anthony Tは、同じDribbbleで見られるように、効果的なスタイリングを使用せずに、ワイヤーフレームを白黒にする必要があることを思い出します。彼らの仕事は、画面の構造とロジックを伝えて、できるだけ早くデザインに切り替え、個別の販売ツールではないようにすることです。ロシア語への翻訳。

図像の言語に堪能になる

Wenting Zhangは、いくつかのアイコンは名詞を示し、いくつかは動詞であり、それらを結合しないことが重要であると書いています。また、フォントを使用することは偶然ではなく、最初の書記体系では象形文字を使用したため、単一のアイコン言語のテーマも開発しています。アイコンも。

Designmodoマーケット-ウェブクリエイティブ向けデジタルグッズマーケットプレイス

DesignModoは、デザイナー向けのテンプレートストアを立ち上げました。

スケッチの新機能

Google Patrick KeenanがSketchでマテリアルデザインを操作する方法について説明します。

マーベルの新機能

これで、Apple Watchでプロトタイプを表示できます。

ユーザーの調査とテスト、分析

定性的研究ソフトウェア

先週の水曜日、OptimalWorkshopは、ユーザーの調査結果を保存および検索するための非常に便利なツールをリリースしました。彼らは実際の問題を解決しようとします-多くの場合、テスト結果は異なる場所の異なるドキュメントに保存され、その中の情報は意味的に関連していません。ここでは、すべてが1つの場所にあり、タグ付けされ、接続されています。ツールは非常にシンプルになりましたが、1〜2年後には、ユーザビリティの問題と解決策の通常のトラッカーになると思います。

8つの一般的な研究デザインのサンプルサイズを見つける方法

ジェフサウロは、さまざまなタイプの研究のサンプルサイズを提供しています。非常に便利なリファレンス。

カスタム研究ツール

Bartosz Mozyrkoは、ツールを参照してユーザー調査の種類の概要を説明しました。各タイプには2つのサービスしかないが、レビュー自体は詳細であることが判明した。

定量的研究と定性的研究を組み合わせる3つの方法

ジェフ・サウロは、定性的研究と定量的研究方法を組み合わせる最も一般的な3つの方法について説明しています。

A / Bテスト

Google PlayはまもなくAndroidアプリのA / Bテストをすぐに許可します。

ユーザーは私のママです

最近の酔っ払ったインターフェイステストサービスを逆にします。所有者の高齢の母親がデザインをテストするサービスです。彼について少し。

専門家の評価

ジェフサウロがテクニックのポジティブな面で、それが有用で適切であるとき。

ユーザビリティ調査中に調査質問をする

列UXMatters。専門家グループが「ユーザーが調査中に重要なインターフェイス要素に気付かなかった場合」という質問に答えます。

ブラウザーでの視覚的なプログラミングとデザイン

ライブガイドラインとコンポーネントシステム

パターンライブラリの使用を開始する方法についてのBrad Frost 。彼は、チーム全体が現在の開発を研究および構造化するための作業セッションについて説明します。これは、将来の設計システムの基礎となります。

BootstrapとFoundationの使用

Bourbon + Neat + Bittersの束を使用するための手順。

Webタイポグラフィ

CSSプロパティー「text-rendering」を使用する機能についてのMat Marquisは、テキストの表示を改善し（合字の使用を許可するなど）、ブラウザーのパフォーマンスを低下させます。
MarkoDugonjićが、Adaptive Webタイポグラフィを最大限に活用するFont Bureau studioのフォントWebサイトの作成について説明します。

ブラウザーでのレイヤー効果のブレンド

CSSシェイプ

Karen Menezesは、CSSを使用してマスクによってオブジェクトをトリミングする機能について説明しています。

CSSアニメーション

アニメーションでソフトカーブを使用する方法に関するメモ。

新しいスクリプト

Heydon Pickeringは、ARIAライブリージョンを使用してWeb上に通知を表示する方法について説明しています。
強力なドロップダウンメニュー。
ホバー用の興味深いグラフィック効果。
レイアウト要素を相互に変換できるスクリプト。
Apple Watchのアプリ起動画面に似た面白い実験的なバブルナビゲーション。
ウィルボイドは、より小さなバージョンのページを使用してリンクするインターフェース用のクールなソリューションを提供しています。これらは、任意の画面をサムネイルの状態に縮小できるJS / CSSスクリプトです。
画像の歪みの影響。

Flexboxを使用する

Landon Schroppの本。このサイトでは、そこからの資料を含む無料のニュースレターを購読できます。ここでは、アプローチの基本を明確に見ることができます。抜粋の1つ。

SVGを使用する

SVGを使用してアニメーション化されたBufferロゴを再作成する方法。

Pixateを使用する

Yelpでのアニメーションの作成に関する段階的なストーリー。

再訪：訪問

Joel Califaが、CSSの主要な属性の1つをようやく思い出すときです。リンクを訪問し、既に訪問したことをマークします。多くの開発者がコード内の標準CSSを無効にするという事実に直面して、低コストの実装のためのいくつかのソリューションを提供します。

入力タイプのサンドボックス

Aaron Ladageは、大規模なモバイルWebのさまざまなブラウザーですべての種類の入力フィールドをチェックする小さなテストユーティリティを起動しました。 Smashing Magazine に主要な調査結果の分析に関する記事が掲載されました。このセクションでは、さまざまなブラウザーでのWebフォームの機能を収集します。

StatusPage.io-会社のホストされているステータスページ

エラーページをすばやく作成するためのエラーページサービスの改善。その後、それらをサーバーにダウンロードする必要があります。

フロントエンドのプロジェクト、プロセス、およびチームの管理

デザイン文化

Netflix設計チームの仕組み
Vox Mediaチームはどのように機能しますか？チームには2種類のチームがあります。製品自体を扱うビルトインチームと、会社全体で共通の意思決定を行うインストルメンタルチームです。
Chris Poteetは、顧客とのやり取りをより快適にし、妥協をもたらさないための顧客教育と開発の重要性について書いています。

調査を通じてステークホルダーを理解する

ジムロスは、クライアントと利害関係者から情報を収集するプロセスについて説明しています。なぜそのような研究が必要なのか、その段階はどのように構築されるのか、どのように作業セッションを実施するのが最善か、そしてこれらすべての結果はどうあるべきか。

完璧なアプリ-開発者とデザイナー向けのコラボレーションツール

リモートプロジェクトでUIデザイナーとフロントエンド開発者のコラボレーションを改善する技術的ソリューション。このサービスにより、ガイドラインを自動的に作成し、初期設計を開発者の実装と比較できます。 7月下旬にベータ版がリリースされます。著者は、手作業でガイドラインを作成し、「目で」実装を曖昧に検証するという時間の浪費の問題に精通している人々とのコミュニケーションを歓迎しています。

UX管理円卓会議：2015年の課題

Informaatは、現代のデザインマネージャーが直面する主な課題について説明しています。設計チームの継続的な開発、柔軟な開発プロセスへの統合、研究結果をすべての企業および請負業者と共有する方法、ビッグデータを使用した企業への影響力の増大。この記事には、これらの質問への回答が記載されたかなり詳細なPDFが添付されています。

カオスの管理-設計によるデジタルガバナンス

ローゼンフェルド・メディアが今年リリースしたリサ・ウェルチマンの新しい本「 Managing Chaos 」からの抜粋。これは、プロセス設計フレームワークの構築に関する第7章です。

プロダクトデザイナーのユーザーエクスペリエンス

Paul Hersheyは、作業の増加する部分をブラウザに転送するという現代の現実の中で、インターフェースを設計および設計する標準的なプロセスをよく説明しました。もちろん、いくつかの段階の説明は拡張できますが、一般的な概要は良好です。

デザイン批判

WebflowのNeal O'Gradyによるデザイン批判のヒント。

製品管理と分析

これらの5つのレンズがあなたの製品についてあなたに示すことができるとは信じられません

具体的な計画の策定に役立つ5つの製品戦略レンズに関するScott Sehlhorstの記事。消費者および業界の動向、競争環境、製品の財務状態、技術環境、業務効率。

UXの詳細の発汗

Stephen P. Andersonによる、製品の要件と経験の違い、および2番目の要素（文化、プロセス、価値）を達成するための主要な要素についての新鮮なプレゼンテーション。

事例

再設計されたガーディアン

ガーディアンがホットニュースアプローチを再設計した方法。この記事では、プレゼンテーションの形式と通知について説明し、問題の履歴も示します。

ゲームインターフェース

Heartstoneインターフェースに関するBlizzardの作業について。

ケースの再設計

未承諾の再設計

アマチュアキックスターターのAndroidアプリ。

トレンド

2014年の設計価値指数の結果と解説

Design Management InstituteのJeneanne Raeが、設計に多額の投資をしている企業のDesign Value Index（DVI）について語っています。確かに、それは大規模で長く存在する会社でのみ機能し、多くの予約がありますが、いずれにしても興味深いものです。ロシア語への翻訳。

15モバイルUXの事実と洞察2015

ジェフサウロは、モバイルとタブレットのユーザーに関するさまざまな事実を提供しています。これらは、特定のサービスでの一般的な使用ポイントおよび作業に関する統計およびユーザー調査の数値です。

トレンド2015

バーチャルリアリティ

Google I / Oカンファレンス2015では、新しいCardboardバージョンに加えて、Cardboard Design Labアプリケーションがリリースされました。これには、仮想現実の基本的な設計原理が明確に示されています。
Cardboard Design Labにとって、Googleは再びustwoを引き付けたことが判明しました。ブログで、スタジオはアプリケーションに組み込まれた仮想現実の設計原則について語っています。彼らがどれだけ燃やすかを考えると、大企業による購入の主な候補の1つです:)

スマートウォッチ

<a href=" first www.engadget.com/2015/05/29/atap-project-soli%20> Project Soli

ウェアラブル電子機器

Google ATAP Labは、Google I / O 2015でProject Jacquardのウェアラブルエレクトロニクスイニシアチブを導入しました。これは、技術革新の象徴の1つである伝説的な産業用織機にちなんで名付けられました。彼はイヴァン・ピュピレフによってもキュレーションされています。

モノのインターネット

Ravi Sawhneyは、環境に統合されたセンサー可能なものが、ウェアラブルデバイスの現在の理解よりもはるかに多くの利益をもたらすと考えています。これは、この概念でフィットネス情報を収集するものとほぼ同じものです。
モノのインターネット向けの設計は、 O´Reillyによる270ページの無料の本です。モノのインターネット出版社による5冊の書籍から選択された章が含まれています。

映画のインターフェース

Territory Studioは、AVENGERS：Age of Ultronのインターフェースのスクリーンショットを共有しました。
アベンジャーズ2のインターフェイスに携わったTerritory Studioへのインタビュー。
テクノロジーとの相互作用の決まり文句を示す古くてモダンな映画からの興味深いカット。コンピューターシステム、メインフレームなどをノック、ハッキングする必要性
マイノリティレポートインターフェイスデザイナー、John Underkofflerのインタビュー。

「モバイルファースト」がすでに古くなっている理由

インターコムのポールアダムスは、モバイルファーストの日没を予測しています。画面のシステム用に設計し、ユーザーのタスクから進める必要があります。一部のタスクはモバイルデバイスでより自然に解決され、他のタスクは大画面で解決されます。すべての人に役立つ一般的なアプローチはありません。

GooglebotがJavascriptをクロールする方法をテストし、ここで学んだことを示します

Adam AudetteがGooglebotの実験について語っています。 SEOの専門家によると、JavaScriptを使用してアクティブ化されたページで非表示のコンテンツを使用することはできません。検索エンジンはインデックスを作成しません。しかし実際には、要求された状況の多くが自分たちでうまくいくことが判明しました。 SEOは多くの場合、この点で設計者を制限しますが、これはすぐに終了する可能性があります。

一般的および専門的な開発のため

プロダクトデザイナー

UXの周辺化に関するEli Schiffシリーズの第5部。
Ivana McConnellは、デザイナーと開発者の間の相互作用の問題を別の観点から見ることを提案しています。現在最も人気のあるソリューションの1つは、デザイナーがタイプセットを学び、開発者がデザインを理解するときに関連するスキルを開発することです。しかし、あなたは単により密接な相互作用を確立することができます。
プロダクトデザイナーの重要な特質に関するメリッサマンデルバウム。

Sketchnotes SF Meetup、ラウンド17-People＆Faces

ケイトラッターは、サンフランシスコで毎月Sketchnotes会議を開催しています。これは最近のプレゼンテーションです。

Mike RohdeはSketchnotesの発明者と考えられています。 DSGNDAY 2014カンファレンスでの彼のワークショップのスライド。
iPadのスケッチに関するカリン・ボッシュ。
スケッチノートはきれいではありませんが、そうです。 Optimizely設計チームのノートブック。アプローチが役割とどう違うのかしら。

UXリーダーのMailchimpの翻訳

改善と反復。

Webデザインの未来は建築の歴史に隠されています

Mike Sallがそのマイルストーンを芸術の一般的な歴史と比較しようとするWebデザインの歴史の面白い見方。それは場所で議論の余地がありますが、視点は興味深いです。

wwwこちら

サイトとサービスを作成する人向けのリソースと資料の別のコレクション

無料の電子書籍：Web UIデザインの空白（The Power of Nothing）

設計での空き領域の使用に関する別のUXPinの本。

UIデザインの一貫性：混乱のない創造性

インターフェイスの全体的な一貫性、「imbaデザインの基本」、およびAmazon、Adobe、Reddit、Jawboneのすべてについての最新のケース。

業界の人々と企業

Jony IveはAppleの最初の最高設計責任者です

専門職全体にとって重要な出来事が先週起こりました-Jony IveはAppleの最高設計責任者の地位を得ました。 Cレベルでは、デザイナーはめったに自分自身を見つけません。かつてQuinceを雇ったRobert Brunnerは、これが業界全体にとってなぜ重要なのかについてコメントしています。参考のために、同じ州で条件付きで採用されている企業ポジションの完全な階層を見ることができます。

大企業によるデザインスタジオのショッピング

McKinseyはLunar Designを買収しました。
Lunar McKinseyの購入に関するPeter Merholz氏は、現在、設計サービス市場の部門が存在すると述べています。大規模なコンサルティング会社であるデロイト、アクセンチュア、マッキンゼーは、戦略的デザインコンサルティングの市場を掌握しようとしており、最近の買収の多くはこれに関連しています。従来の設計機関は、戦略レベルとコンサルタントからの「大きなアイデア」の実装レベルから絞り込まれています。
Peter Merholzからの簡単な追加。おそらく、Lunarの購入は、ディズニーマジックバンドとの10億番目のプロジェクトでのカエルの成功に関係しているのでしょう。 MicKinseyは、設計戦略の市場での地位を確保することも望んでいました。
マッキンゼールナーを購入するために有線。

LayerVaultを閉じる

DesignerNews WebサイトはMetaLabに販売されており、広告で圧倒されることなく開発することを約束しています。現在、彼はwww.designernews.coで働いています。

会議議事録

UX STRAT 2014

9月7〜9日に米国コロラド州ボルダーで開催されたUXSTRAT 2014会議の2日目のレポート。

MX 2015

4月20〜21日にサンフランシスコ（米国）で開催されたMX 2015カンファレンスのビデオ。

サービスエクスペリエンス2014

11月13〜14日にサンフランシスコ（米国）で開催されたService Experience 2015カンファレンスのビデオ。

新鮮なリンクも同じFacebookグループで追跡できます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Alexei Kopylov、Evgeny Sokolovのリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。

ニュースレターを購読する

手紙は月に一度届きます。

フードデザインダイジェスト、2015年5月