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

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

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


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


メーリングリスト


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

新規ユーザー会議


Baymardレポートからの抜粋


バーガーナビゲーション


Web UIデザインテクニックの無料電子書籍:カードとミニマリズム
新しいUXPinブックのカードプレゼンテーションパターンのコレクション。

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

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


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


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

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

Windows 10向けの設計


Apple Watchの新機能



すべてのスタートアップが発売前に見るべき50の細心のスタイルガイド
ガイドラインとブランドブックの別のコレクション。

設計原則


ユーザーの理解


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

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


秘密、嘘、アカウント復旧-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は、デザイナー向けのテンプレートストアを立ち上げました。

スケッチの新機能


マーベルの新機能


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


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

8つの一般的な研究デザインのサンプルサイズを見つける方法
ジェフサウロは、さまざまなタイプの研究のサンプルサイズを提供しています。 非常に便利なリファレンス。

カスタム研究ツール


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

A / Bテスト


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

専門家の評価


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

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


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


BootstrapとFoundationの使用


Webタイポグラフィ


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


CSSシェイプ


CSSアニメーション


新しいスクリプト


Flexboxを使用する


SVGを使用する


Pixateを使用する


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

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

StatusPage.io-会社のホストされているステータスページ
エラーページをすばやく作成するためのエラーページサービスの改善。 その後、それらをサーバーにダウンロードする必要があります。

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


デザイン文化


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

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

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

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

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

デザイン批判


製品管理と分析


これらの5つのレンズがあなたの製品についてあなたに示すことができるとは信じられません
具体的な計画の策定に役立つ5つの製品戦略レンズに関するScott Sehlhorstの記事。 消費者および業界の動向、競争環境、製品の財務状態、技術環境、業務効率。

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



事例


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


ゲームインターフェース


ケースの再設計


未承諾の再設計


トレンド


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

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

トレンド2015



バーチャルリアリティ


スマートウォッチ



ウェアラブル電子機器


モノのインターネット


映画のインターフェース


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

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

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


プロダクトデザイナー


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





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は、 これが業界全体にとってなぜ重要なのかについてコメントしています 。 参考のために、同じ州で条件付きで採用されている企業ポジションの完全な階層を見ることができます。

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


LayerVaultを閉じる


会議議事録


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のリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。

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


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

Source: https://habr.com/ru/post/J259773/


All Articles