パターンとベストプラクティス
インタラクションデザインのベストプラクティス-タンジブルをマスターする
UXPinは、一連の電子書籍のリリースから1年を元気に始めました。 フレッシュ-相互作用の設計について。
インターフェイスプレビュー付きのノンブロッキングUI
Facebookが数年前に提案したページ読み込みインジケータの使用について、Callum Hartは-鈍いねじれの代わりに、画面構造を示しています。
インターフェイスアニメーションのサンプルコレクション
私は折り目だ
画面がさまざまなデバイスで終了する場所を示す興味深い実験。 特定の数字の周りのバンチングを明確に見ることができます。 トピックの続き：
ホワイトラベル製品のビジュアルデザイン
CooperのCale LeRoyは、プリセットブランドのない製品、いわゆるWhite Labeled Productsのデザイン機能について説明しています。 ブランディングは、特定のクライアントごとにカスタマイズされます。 3つのアプローチがあります。1）顧客のロゴの変更のみ（共同ブランド化）。 2）完全なカスタマイズが可能です。 3）いくつかの事前定義された設定のみが利用可能です。 著者はそれらの最後を推奨します。
モバイルeコマースWebサイトでのカルーセル使用調査
MobifyのMobifyのKyle Peattは、モバイルWebサイトでのカルーセルの使用に関する詳細な調査を実施しました。
デザインの詳細：iOS用Instagram
Brian Lovinは、さまざまなモバイルアプリケーションのインターフェイスパターンの解析を続けています。
アダプティブメッセージを使用した検証エラーの改善
アダプティブフォームエラーに関するBaymard Institute。
リンクが壊れています。 これらの3つの選択肢は、読者の読書体験を改善しました。
セバスチャン・ケルステンは、テキストにリンクを配置するための古典的な形式の問題（読者が資料の真ん中を導く）とそれらを解決するいくつかの方法について説明しています。
アコーディオンメニューのデザインと図像のテスト
Vigetのレイアウトとさまざまな種類の折りたたみ/展開アコーディオンアイコンの簡単なテスト。
ユーザーの理解
LinkedInのリトルデータ、ビッグデータ、デザイン
着信ユーザー情報の分析へのLinkedIn研究チームのアプローチに関する興味深いケーススタディ。 複数のソースからのデータを組み合わせて、行動パターンを理解します。 この記事は登録のみで利用できますが、無料です。
姿勢リフトの測定
ジェフサウロの新しい本、Customer Analytics for Dummiesの第9章からの抜粋。 彼は、Attitude Lift（ユーザーの態度の変化）について語っています。 使用前と使用後の製品に対する態度を評価し、これらの指標を比較するよう求められます。 使用後に態度のレベルが低下した場合、問題は相互作用にあるか、ユーザーがブランドまたは製品に対して非現実的に高い期待を抱いていました。
検討目標到達プロセスを検討する
Chris Risdonは、ユーザーが情報のより詳細な調査のためにチェックアウトプロセスを終了できる場合、インターネットに商品やサービスを購入する複雑なプロセスについて書いています。
ナターシャダウシュル-デザインによる中毒
中毒のための設計。 フローを実現するための設計として、最新のエルゴノミクスおよび動作管理技術をダークUXプラクティスに効果的に使用できます。 Natasha Dow Schullは、カジノスロットマシンの設計原理に関する素晴らしい講演です。
共感のパラドックス
設計における共感の4つのタイプに関するScott Jenson。 トピックの続き：
高齢者向けの設計：高齢者がデジタルテクノロジーを異なる方法で使用する方法
Ollie Campbellの高齢者と働くことのニュアンスの非常に良い概要。
アジアのデザイン機能
情報アーキテクチャ、概念設計、コンテンツ戦略
情報アーキテクチャの究極のガイド
Cameron Chapmanによる情報アーキテクチャに関する説明的な概要記事。
インターフェイス画面の設計と設計
レゾネーター
開発者のアイコンやその他のグラフィックスの収集、保存、「カット」を支援するPhotoshopの新しい拡張機能であるResonatorのリリースがリリースされました。 iOS、Android、Windows Phone、および網膜をサポートしています。 これは、すべてのモバイル、一部のWeb、および一般に、開発者に送信するためにグラフィックを絶えず手動でカットすることにうんざりしているすべての設計者に役立ちます。
ウェアラブル向けに設計して、実体験を向上させる
Jonathan Kohlのクールなものは、スマートウォッチとブレスレットアプリの設計と設計に関するものです。 物理デバイスを操作する際の多くのニュアンス、その使用状況、実践からの物語。 記事の2番目のパート （パート間に明らかなナビゲーションはありません）。
スケッチの新機能
- モバイルインターフェイスを設計するためのテンプレートを含む記事を確認します 。
- ロシア語版Sketchの最も人気のある記事とチュートリアルの翻訳 。
- マウスカーソルのコレクション 。
- あなたの仕事をスピードアップするための6つのヒント 。
Quartz Composerの新機能
- Origamiの2番目のバージョンがリリースされました 。 デバイスでプロトタイプを表示したり、コードをエクスポートしたり、SketchやPhotoshopのレイアウトに接続したりできます。
Designer's Toolkit：プロトタイピングツール
エミリー・シュワルツマンは、プロトタイプ作成ツールの比較チャートのインタラクティブ版を作成しました。
Apple Watchの新機能
- Teslaのコンセプトアプリケーションの作成に関するウクライナ企業ELEKS Softwareの物語 。
- Photoshop用UI8の無料テンプレート 。
- デバイスがないときにアプリケーションをプレビューする興味深い方法 。
マテリアルデザインの新機能
Webデザイナーと開発者向けに、メールの送信について学んだこと
メールニュースレターデザイナー向けの優れたリーマンロートレーニングマニュアル。
Pixateの新機能
- スタンドアロンのMacアプリであるPixate Studioが到着しました 。 年149ドルです。
- これで、アクションを作成できます。
公開ツール
- シングルページジェネレータブレンド 。
- Wordpress用のAesopプラグインの作成者は、長い読み取りStory.AMのために別のサービスを開始しています 。
- 長い読み取りを作成するためのVsevolod Puli命令 。
Proto.ioを使用したモバイルプロトタイピング
Smashing MagazineでProto.ioを使用する方法の概要。
Adobe Illustratorの新機能
コアアニメーター
アニメーションをネイティブiOSコードに変換するための新しいツール。 キャラクター、指示、ユーザーインターフェイス要素、さらには完全なシーンのアニメーション。 魅力的なアニメーションを作成したいデザイナーや、ある種のビジュアライザーまたはプロトタイピングツールからコードにこれらのアニメーションを転送するのにうんざりしている開発者に適しています。 Objective-CおよびSwiftをサポートします。
前駆体-迅速なプロトタイピングWebアプリ、コラボレーションを容易にします
新しい年、新しいプロトタイピングツールはまだあまり揺れていませんが、新鮮です。 説明には特別なものはなく、ヒープだけがあります。
ユーザーの調査とテスト、分析
よりバランスのとれた決定を下すためにデータを重み付けする方法
ユーザー調査データの重み付け方法に関するジェフサウロ。
データ型を知る
ユーザー調査データの分類に関するジェフサウロのメモ。
UX研究に一方向ミラーを使用しないでください
Lisa Duddingtonは、ユーザビリティラボでの経験を共有しています。 彼女は、一方向ミラーを使用する際の従来の実験室のレイアウトの欠点について書いています。 そのような旅行は時代遅れです;鏡の代わりに、観察者の部屋でスクリーンを使うのがより便利です。
現地訪問とユーザーインタビュー：よくある質問7
デイビッド・トラビスが、野外調査と実験室テストをいつ使用するかについて
6ビジネスを救えるカスタマーツールの声
ユーザーからフィードバックを収集するためのツール。
カードの並べ替えに関する新機能
- ケースツリーのテスト（ツリーの変換） 。
- 前の記事の続き 。 ツリーをテストした後、オープンカードの並べ替えを使用します。
- 多数の参加者（97のタグ、37のカテゴリ、172の参加者）による大規模なリモートカードのソートの分析と、その後のデータ分析 。
UserBrain
生きている人々とあなたのサイトをテストします。 あなたはあなたのサイトへのリンクを入力し、タスクを書き、ライブおよび実際のユーザーがあなたのサイトをテストし、あなたはタスクのテストパフォーマンスからビデオを受け取ります...利益！
OneTwoSplit
AppStoreおよびGoogle Playのアプリケーション記述をテストするA / B用のOneTwoSplitサービス。
方法：Wargamingとユーザーエクスペリエンス
Wargamingでの研究について。
ブラウザーでの視覚的なプログラミングとデザイン
CSSシェイプに興奮する必要がある理由
CSSシェイプの可能性に関する優れた概要記事。複雑なマスクの周りの画像の流れで壮大な雑誌のレイアウトを作成できます。 ただし、ブラウザでのサポートは脆弱です。
Frontend.md
ライブガイドラインを作成するためのFrontend.mdフレームワーク。
Webタイポグラフィ
- MacでGoogle Web Fontsからすべてのフォントをインストールするためのスクリプト 。
- Nick Shermanは、レスポンシブフォントの現在の状態を解析します 。 一般的な原則は初期のCSS仕様で説明されていましたが、ほとんど実現しませんでした。 同時に、さまざまなスタイルをその場でシミュレートできるツールが積極的に開発されています。 これにより、設計者はより柔軟になり、ダウンロードしたファイルの重量を節約できます。
色を扱う
CSSデバイス
純粋なCSSで作成されたスマートフォンおよびタブレット用のテンプレートの束。 さまざまな色と向きがあります。
CSSアニメーションの仕組み
フレーマーの新機能
Adobe Edge Reflowの詳細
リフローの操作に関する小さなチュートリアル。
デザイナー：uilangでコーディングを開始する
uilangを使用するための初心者向けガイド。
SVGを使用する
新しいスクリプト
- iOS / OS Xで「海外」にスクロールしながらコンテンツを簡単に置き換えるためのライブラリ。
- 美しくデザインされたCSSチュートリアル 。 読書はW3Cほど退屈ではありません。 プロトタイプの作り方を学びたいデザイナーに役立ちます
- 遅延読み込みスクリプトとより良いオプションの比較 。
- ボタンの放射輝度の効果 。
- デザイナーアニメーションアイコン 。
- クリック後のフィードバックを視覚化する効果の例 。
- ナビゲーションをバウンスするためのスクリプト 。
- リストにアイテムを追加するアニメーション 。
- CSS構文に基づく素晴らしいジョーク 。
- スクリプトサイドナビゲーション 。
- 奇妙であり、実用的ではないという事実ではなく、楽しい日付選択コントロール 。
- HTMLを使用して3D環境を作成するクールな実験 。
- オートコンプリート入力フィールド用のスクリプト 。
- SVGを介したアニメーションテキスト 。
- CSSテクスチャテキスト 。
- CSSのさまざまな測定単位用のクールな視覚参照計算機 。
- SVGおよびJavaScriptでの検索アイコンの変換 。
- SVGおよびJavaScriptで多角形の図をレンダリングするアニメーション 。
- 意味はありませんが、面白い-ブラウザのアドレスバーのアニメーション 。
- flexboxでD3インフォグラフィックライブラリを使用する 。
- ボタンアニメーションの別のパック 。
- マウスカーソルから逃げないドロップダウンメニューの正確な操作のためのいくつかのスクリプト 。
Swiftでのデザイナーの仕事
CSSを使用した印刷用の設計
CSSを使用してページの印刷可能バージョンを準備する方法に関する優れたRachel Andrewトレーニングマニュアル。 さらに、その可能性は非常に大きいため、表紙やコンテンツからフッターや脚注までのすべての機能を備えた優れたブックレイアウトを取得できます。 PDFスクリプトジェネレーターも提供されます。 トピックの続き：
望遠鏡と流星を使用して独自の製品ハントを構築する
望遠鏡プラットフォームでProduct Huntを作成する方法。
フロントエンドのプロジェクト、プロセス、およびチームの管理
Design and the Corporation-ダレルレアからの返信
ダレルレアは、大企業の設計部門の進化を非常にインテリジェントに説明しています。 職業と市場の発展において、それらが異なる時期にどのようにそしてなぜ必要であったか。
企業におけるUX債務：実践的アプローチ
大量の製品を処理するためにインターフェース債務の概念を使用する非常に賢明なケース。 この記事には、Excelの計算機が付属しています。
デザインは大切です。 今何？
Luke Wroblewski、優れたデザインを作成するために多くの優秀なデザイナーを雇うだけでは十分ではありません。 変更が必要です。 企業が設計に真に集中するためには、企業自体が変化し、設計者が変化しなければなりません。
プロジェクトのルーチン-注目に値する理由
設計チームを開発する有用なプラクティスについて。
根本的な再設計または漸進的な変更？
NN / g Hoa Lorangerは「大きな」再設計について次のように述べています。「ほとんどの場合、製品を進化的に改善することが望ましいです。 抜本的な再設計は、製品が非常に貧弱で、完全に作り直さなければ目立って改善できないほど軽視されている場合にのみ表示されます。
PJマコーミック-危険をリードするプロジェクト
AmazonのUXチームの仕組みに関するPJマコーミック。
旅の少ない道
UX Cambridge 2014でのMike Athertonによるスピーチ。彼はブランド戦略とUXおよび製品戦略の組み合わせについて話しました。
ユーザーエクスペリエンス戦略の定義
UX戦略に関するAustin Govellaの一連の記事の続き。 パート5：適切な目標の選択、 パート6：チームのターゲット設定 。
UXレシピ
設計プロセス全体のコストの計算機。
UX採用ハンドブック （PDF）
UXデザイナーを雇う方法に関するクレイグ・モリソンの短いパンフレット。
製品管理と分析
Lamodaアナリティクスヘッド：「コンバージョンを1パーセントでも増やすことは、私たちにとって大きなお金です」
LamodaのアナリティクスヘッドであるIgor Selitskyのインタビュー。 eコマースでのユーザーの行動の追跡に関する多くの興味深いこと。
データに基づく設計：3つのデータストーリー
インターフェース設計における分析データの操作に関するPamela Pavliscakによる一連の出版物の第3部。
それは一種の安っぽいビーインググリーンです
iOSのグリーンテキストメッセージの背後にある複雑なマーケティングの決定に興味があります。
最小実行可能製品ガイド
MVPに関するUXPin本のロシア語への翻訳。 トピックの続き：
方法論、手順、標準
設計原理を学ぶ
主要な設計原則に基づいたメモサイト。 その他の原則：
事例
製品設計統合のケーススタディ：モバイルWebフレームワーク
彼はこの記事をSmashing Magazineの記事として投稿しました。 出版物の編集プロセスは、もちろんハードコアです-改訂と改善のすべての反復には約6か月かかりました。 しかし、それはクールになりました-今、私はどのような汗と血で材料の品質レベルが達成されているかを知っています。 時間が経つにつれて、コンテンツプロジェクトと技術面についての継続があります。 ロシア語版およびBEM Webサイトの公開 。
「鉄」プロジェクトにおけるUXデザイナーの機能
「Simkomat」の例にある「iron」プロジェクトのインターフェースに関する作業の特徴。 Ilya Alexandrovは、この記事を2つのパートに分けました。ハードウェアの機能と特定のソリューションとケースについてです。 デザイナーの練習にはもっと面白いでしょう。
Twitterビデオの設計
Paul Stamatiouが、iPhone用のTwitter Videoアプリの設計について説明しました。
エディトリアルCMS
エモーショナルデザインの失敗：ネストサーモスタットの離婚
NN / g Kara PerniceはNestサーモスタットを数年間使用していましたが、最近ではよりシンプルなモデルに置き換えました。 記事では、彼女はサーモスタットを使用して、最初の賞賛から最終的な失望までの経験を分析し、ニールセンのヒューリスティックとドナルドノーマンのエモーショナルデザインの原則の両方のデザインの違反を指摘しています。
アクセシビリティはUXから始まります-BBC iPlayerのケーススタディ
アクセシビリティに関するBBC iPlayerのケーススタディ。 基本的なガイドラインへの準拠だけでは不十分であり、生きている人々のデザインを確認する必要があることがよくわかります。
ブルームバーグビジネスの新しいデザインが注目を集めています-しかし、それを単に再設計と呼ぶだけではありません
最近の最も強力なメディア再設計の1つであるブルームバーグニュースサイトの再起動の簡単な紹介。 EngadgetとThe Vergeに手を携えていたJoshua Topolskyは、2014年の夏に出版物をヒットし、最終的な結果に影響を与えました。 彼らはその前に更新されたポリシーセクションを立ち上げたようです。 どちらかというと強力なデザイン会議Bloomberg Business Week Designの大胆なデザイン 。
未承諾の再設計
物語
Webの未来は100年
Nautilusの記事には、過去100年間のすべてのインターネット概念がリストされており、Paul Otletのアイデアに重点が置かれています。 興味深いことに、19世紀の産業用印刷によって主に発生した情報過負荷の問題は、すでに解決しようとしていました。
マウスと男性の
キーセットに関するもう1つの情報である実験的なDouglas Engelbartキーボード。
本によるタイムトラベル
Christina Wodtkeは、10年前に作成した情報アーキテクチャに関する書籍のセレクションをアップロードしました。
トレンド
Wolff Olins Report 2015
Wolff Olinsによる企業のリーダーの現代的な役割と意味、およびそれらに対するデザイン思考の重要性に関する包括的なレポート。
2015年の予測
カーインターフェース
- イリヤ・アレクサンドロフは、自動車産業におけるパースペクティブインターフェースソリューションのレビューを書きました 。
- 現代の車のダッシュボードの概要 。
- Raureif Studioは、Android AutoとApple CarPlayが最新のUX車ではなく変更できるかどうかについて説明しています。
- 新しいNvidia Driveプラットフォーム用のインターフェイスを作成するためのツール 。
メタ設計およびアルゴリズム設計システムについて
デザイン生成アルゴリズムとそのような世界でのデザイナーの新しい役割をテーマにしたルーン・マドセン。
申し訳ありませんが、Google Glassは死にかけている場所ではありません
企業のお客様の場合、Google Glassは積極的にサポートされており、この狭いニッチで有望です。
ビートハートレートゲームの起動トレーラーをスキップする
入力方法の一部としての心拍数は、現在消費者市場にもあります。 家庭でのバイオフィードバックに基づいた遊び心のある機能障害の治療を含む、アルゴリズムの使用の成長が期待されます。
ペブルタイム-素晴らしいスマートウォッチ、妥協なし
Pebbleは、スマートウォッチの新世代であるTimeを発表しました。 特性と使用シナリオについて話すのはそれほど面白くありません。すべてのプラットフォームがプラスまたはマイナスの同じことを行います。
本当に興味深いのは、カラー電子インクで行われる非常にクールなアニメーションオーケストレーションです。 まず、インターフェイス内のすべてのアクションが1つの大きな接続されたアニメーションのように見える場合、要素自体をスムーズに変換するアプローチ自体。 同様のモデルによると、材料設計は機能し、これは設計者にとって新しいレベルの複雑さです。 John Schlemmerが行っているAndroidブートローダーは、近い将来のガイドラインです。 これはインターフェースからマイケルベイ映画を作るスプリング付きの安い詐欺ではありません- ドリブルの半分は現在これらの工芸品にささげられています 。
第二に、これは電子ペーパーで可能であるという事実であり、これはトップメーカーにはあまり好まれていません。 最初のペブルにはとんでもない遅延がありましたが、新しいモデルは30 FPSを生成します。すべてが非常に滑らかで効果的です。 バッテリーを1週間保持し、翌日の初めまでに死なないようにします。 彼らは、3番目のYotaPhoneもカラー電子インクを使用すると言います。 彼らが似たようなものを手に入れたら-このテクノロジーの全盛期を待っています。
ファッションeコマース-仮想試着室は特効薬ですか？
衣料品のオンライン販売における仮想の楽屋の使用に関する記事。 議論があり、これらの決定の有効性に疑問を投げかける瞬間があります。 一般に、移動する場所があります。 また、この記事は、一般的な開発およびフィッティングサービスの例について読むことができます。
仮想現実についての新しい
ウェアラブル電子機器
一般的および専門的な開発のため
応用UX戦略、パート2：製品デザイナー
UXMattersは、製品デザイナーに特化したUX戦略に関するシリーズの2番目の記事を公開しました。 これは、トピックに関する最近のプレゼンテーションの大幅に更新および再構築されたバージョンです。 ロシア語版 。 トピックの続き：
- CemreGüngörは、スタートアップのプロダクトデザイナーの仕事と大規模な製品会社の仕事の違いについて語っています。 Facebookが購入したBranchの一部でした。
- チーム内のデザイナーのスキルを向上させながら、処理を改革することに関する非常に正しいストーリー 。
レビュー：オンラインUXコース
アルンジョセフマーティンは、4つのサイトのデザインの比較レビューを、UXに関するオンラインコースで実施しています。UIE、Udemy、Lynda.com、およびSkillShareから学ぶことができます。 その他のチュートリアル：
毎日のIA
2月21日は、国際情報アーキテクトの日です。 ルイ・ローゼンフェルドおめでとうございます。 2015年のテーマは「幸福の建築」です。
バックポケットアプリ：ワイヤフレームを再考しましょう
デザイナーのGolden Krishnaは、The Best Interface is No Interface、ユーザーインターフェースのないアプリケーションの設計に関する本を書いています。 UXBoothはそこから章を発行しました。 予約サイト 。
ケーススタディの設計-人間中心の設計プロセスの紹介
Senongo Akpemは、Smashing Magazineで優れたポートフォリオケースの作成について語っています。 プロジェクトの成果物ではなく、タスクと結果に焦点を合わせる方法。 トピックの続き：
UXリーダー：MailChimpのUXチームに関する本
MailChimpチームのUX Readerブックの翻訳は、メーリングリストの記事のコレクションです。 パート2
クイックパネル：UX認定
UX認証に関する有名な専門家の意見。
エルゴノミストNo 39、2015年2月 （PDF）
エルゴノミスト速報の最新号は、ユーザーインターフェイス専用です。
カーンアカデミーインターンシップ
カーンアカデミーでのインターンシップについてのエリザベスリン。
ジョナサンシャリア-悲劇的なデザイン
ジョナサンシャリアットは、殺すインターフェイスについて悲劇的なデザインを書いています。
業界の人々と企業
ショッピングデザインスタジオ
- Teehan + Lax Key LessonsのEric Portelance
- 企業の設計チームの開発に関する別の記事 。
- デザインエージェンシーの伝統的モデルの精神的停滞についてトビアスファンシュナイダー 。
ポールランドがデザイン主導型ビジネスの時代を開拓した方法
Paul Randが大企業の設計変更をどのように推進していたかについて。
デザインに起業家精神が必要な理由（および起業家精神にデザインが必要な理由）
クリスティーナ・ウォトケは、デザインからビジネスに移り、すでに経験を積んで戻ってきたときのキャリアについて語っています。
ジェフリー・ヴィーン：次へ
Jeffrey Veenは、AdobeをデザインパートナーとしてTrue Venturesに残しています。 トピックの続き：
スタートアップが10億ドル以上と評価した方法
設計に特に重点を置いている企業を引用する、最大規模の元スタートアップのWSJ調査からの抜粋。 リストの完全バージョン 。
新しいAMAセッション
Samsung Designが悪臭を放つ理由
Samsung Design Americaの製品戦略およびUXの元ヘッドであるKevin Leeは、SamsungとAppleの設計アプローチの違いについて語っています。
新鮮なリンクも同じFacebookグループで追跡できます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Evgeny Sokolovのリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。
ニュースレターを購読する
手紙は月に一度届きます。