Clever Geek Handbook

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

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



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








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



新しい設計原則





広告に対する最新のアプローチ





ユーザーフローパターン

インターフェースアニメーションとインタラクションの細かい部分に特化したパターンのビデオコレクション。



Formstackフォーム変換レポート

FormstackのForms Conversion Survey 2014。 結果を「病院の平均」と比較したい人向けの興味深いレポート。 PDFへの直接リンク 。



ログイン画面でのパスワードの表示

Luke Wroblewskiが、モバイルアプリケーションでユーザーのパスワードを表示する理由と方法について説明します。



意思決定表を使用して、UIのコンテキストターゲットをサポートする

Harry Brignulは、ユーザーに情報を要求したり、追加のサービスを提供したりするために、インターフェイスの場所と適切なタイミングを決定するための方法論を提供します。 一般に、Dan SafferがMicrointeractionsで述べていることと似ています。 トピックの続き：





altのアート-画像用の優れた説明テキストの作成

Dudley Storeyの代替画像テキストを書くためのヒント。



非表示コンテンツを公開するためのタイミングガイドライン

オーロラベッドフォードは、ホバーに表示されるコンテンツ（メイジメニュー、カスケードメニュー、追加コンテンツなど）を表示する際に時間遅延を推奨しています。

  1. インタラクティブエリアにマウスを合わせてから0.1秒後に視覚的なフィードバックを表示します。
  2. 0.3-0.5秒間待機します（偶発的なポインティングを避けるため）。
  3. コースがまだインタラクションエリアにある場合は、0.1秒以内に非表示のコンテンツを表示します。
  4. マウスカーソルがインタラクティブエリアから0.5秒以上離れるまでコンテンツを表示します（誤ってコンテンツを非表示にしないようにするため）。




モバイルWebサイトはデスクトップWebサイトよりも本当に使いにくいですか？

Jeff Sauroは、モバイルWebサイトと従来のWebサイトの使いやすさを調査し、興味深い現象を発見しました。



バーガーメニューの新機能



郵送に関する新しい





検索デザインの拡大鏡アイコン：長所と短所

検索フィールドの設計と虫眼鏡アイコンの使用に関するKathie Sherwinの研究。 結論：検索フィールドを視覚的に強調する必要があります。 虫眼鏡のアイコンはユーザーが非常に区別しやすく、ボタンの「検索」碑文を使用する必要がなくなりました。 アイコン自体は、できるだけシンプルで大きく、対照的なものにする必要があります。 トピックの続き：





マイクロインタラクションへのオード：Amazon Kindleの「読む時間」

Dan Safferは、Amazon Kindleのマイクロインタラクション「Time to Read」に満足しています。



ナビゲーションメニューに関するトップ3 IAの質問

キャスリン・ホワイトントンは、3つの一般的なナビゲーションの質問に簡潔かつ簡潔に答えます。 最適なカテゴリの数、アルファベット順に並べ替える必要がありますか、タッチノートパソコンやタブレットの普及を考慮してカーソルホバーの効果を破棄する必要があります。



ユーザーの理解



一般心理学（MSU講義コース）

現代の一般的な心理学に関する講義のフルコース。 非常に高品質の素材。 人間の心理学の勉強を始めましょう



さまざまなオンラインパーソナリティタイプの設計

Liraz Margalitは、eコマースサイトのユーザーの行動タイプの分類を提供します。 彼女は5つの行動パターンを特定しています。「一度にすべてが欲しい」。 ブランド固有 合理的な訪問者; 「オプティマイザー」; 満足者。



電話はフラットではありません-多様なコンテキストでの実在の人々のための設計

スティーブン・フーバーによる携帯電話の使用機能に関する別の記事-さまざまな状況や障害のある人に使用する機能が、最小圧力ゾーンなどの通常のプリセットをどのように悪化させるか。 彼はまた、画面の端からのジェスチャーの問題にも注目しています-カバーの人気を考えると、それらを完了することはしばしば不可能です。



90歳で、彼女は高齢化ブームの技術者を設計しています

IDEOには90歳のデザイナーBarbara Beskindがいます。彼は年配の聴衆をよりよく理解するのに役立ちます。



世界最大の仮想心理学ラボ内

Riot Gamesは、ビッグデータとインターフェイスの実験を使用して、何百万人ものLeague of Legendsプレイヤーの行動を変化させます。 現在、おそらく最大の研究サイトの1つです。 実験の範囲は、従来の大学の心理学的研究と比較できません。 ただの宝石。



タッチスクリーン電話ユーザーの指先からの使用依存皮質処理

ADGindrat、M.Chytiris、M。Ballerna、EMRouiller、およびArko Ghoshによるタッチスクリーンスマートフォンのユーザーの調査は、それらの使用が私たちの脳を変えていることを確認しています。 状況はアスリートやミュージシャンに似ています。 私たちは、大画面からの指の成長を確認する研究を待っています。



証拠に基づいたデザインジャーナル

さまざまなコンテキストでのユーザーの行動の研究に関する説明的な電子ジャーナル。 彼はデザインをかなり広い意味で理解していますが、私たちの仕事には多くのことが当てはまります。



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



CXジャーニーマッピングデザインセッションの実行

Oracleのマスタークラスで使用されるMike Alberからのカスタマージャーニーマップの作成に関するチュートリアル。 プレゼンテーションでは、追跡および改善できる設計ソリューションの有効性に関するメトリックを非常にクールにペイントしました。





デジタル戦略の設計、パート2-接続されたユーザーエクスペリエンス

ソフィアフセインは、デジタル戦略とエコシステムマップ方法論に関する一連の記事を執筆しています。 CJMを思い出させますが、明確に定義された一連のステップや時間軸はありません。



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



スカラ・ビャンゴ

2014年、BjangoはSkalaデザイナー向けの最新ツール（電話でPhotosopのレイアウトを表示するためのいわゆるユーティリティ）の開発に従事しました。 彼らは定期的に変更レポートを投稿していますが、ここにはインターフェースの最新版の1つです 。



UXアプリ-ユーザーエクスペリエンスエキスパート向けのプロトタイピングおよびインタラクションデザイン

インターフェイスのインタラクティブなプロトタイプ作成のための新しいツール。 プロトタイプ、優れたビジュアルエディタ、コンポーネントのライブラリ、マルチスクリーンプロトタイプ、アニメーション-標準セットとのコラボレーション。 そのような手順、条件、および遷移の設計者である視覚的な「プログラミング」を使用して、複雑なインターフェイスソリューションを作成する可能性が重要です。



グラビット

そして、デザイナー向けのもう1つの最新ツールです。 最初は、デスクトップアプリケーションのセットとして開発されましたが、このアプローチのコストが高いため、ブラウザーにアクセスします。



パラ

イラストのパラメトリック「プロトタイピング」ツール。 使い慣れたツールを使用してベクターフォームを作成し、それらにインタラクティブな配布を追加して、他のパラメーターを設定できます。 わかりやすくするための紹介ビデオがあります。





マークリー

Marklyは、PhotoshopおよびSketch for WindowsおよびMacに接続し、レイアウト仕様の準備を簡単にします。 レイアウトの変更時にドキュメントを自動的に更新することを約束します。



UIデザインの映画の連続性

ファンタジーインタラクティブのデザインディレクターであるClaudio Guglieriによる、インターフェイスデザインにおける映画撮影の原理の応用に関する一連の記事。 最初の部分では、連続性の原則について説明します。



プロトタイピングの究極のガイド

144ページのUXPinのケーススタディ、インターフェイスタイピングに関するヒントとコツ。 PhotoshopおよびSketch for Sweetのチュートリアル。



マテリアルデザインの新機能





iOS8の新機能





Apple Watchの新機能





スケッチの新機能





フレーマーの新機能





ツールの比較





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



Predictive Customer Analytics 101：相関

ジェフ・サウロの新しい本、ダミーのための顧客分析は、2月2日に発売されます。 彼は自分のブログに相関関係に関する章を投稿しました。 アマゾンで予約する 。



ユーザビリティテストのガイド

ユーザビリティテストガイドと設計サポートが記載された最新のUXPinブック。



17ユーザビリティテストの神話と誤解

ジムロスは、17のユーザビリティテストの神話を暴きます。



リモートでテストするたびにドライランを行う必要がある理由

パイロットユーザビリティテストの利点に関する優れた記事は、それを疑う人のためです。



ネイティブタップ

さまざまなデバイスでアプリケーションをテストするためのネイティブTapサービス。



異なる入力でのクローズドカードソートからの学習

Kevin Sheldonは、カードの並べ替えに対する3つのアプローチをテストおよび比較しました-定義済みのカテゴリと、インターフェイス要素を呼び出す必要性。 定義されたカテゴリとインターフェイス要素、およびそれらを配布する必要性。 インターフェース要素を既にカテゴリに分散し、変更を加える機能。 3番目のオプションではより良い結果が得られましたが、何らかの理由で、より一般的なアプローチは提供されていません-インターフェイス要素とカテゴリを定義する機能が与えられている場合。



あなたの研究にどれほど自信が必要ですか？

ジェフサウロは、さまざまな状況やタスクの信頼区間の例を示しています。



WebサイトのUXツールの包括的なレビュー

UIパターンからのカスタム調査とテストのためのツールの良いリスト。



コーヒーショップでの人の負担をやめる

「党派」研究についてのローラ・クライン-彼らの助けを借りて学ぶことができることとできないこと、そしてなぜそれらがしばしば誤って使用されるか。



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



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





スラローム-宣言的なタッチインタラクションに向けて

ラルフ・トーマスは、要素が互いにどのように相互作用するかを素早く簡単に説明するために発明されたシステムであるスラロームについて説明します。 このシステム（本質的には制約充足問題を解決するための単純化されたシステム）を使用すると、ある要素と別の要素または多数の要素との相互作用を簡単に指定できます。 スラローム自体は、 物理モデルを使用したアニメーションとインタラクションのプロトタイピングに関する別の記事から生まれました。



ブラウザでの設計のタイミング、理由、方法

ブラウザーでのデザインに関するブルック花王。 トピックの続き：





BootstrapおよびFoundationの新機能





Webフォントの新機能





CSSでの合成とブレンド

Sara Soueidanは、オーバーレイレイヤーの効果に対する最新のブラウザーの機能について説明します。 Photoshopを使用しなくても、より多くのことができます。



新しいスクリプト





CSSアニメーションについての新機能





SVGを使用する





フォームについての新しい





アイコンフォント

フォントアイコンを操作するためのテンプレート、フレームワーク、ツール、および既製のセット。



CSSを使用した印刷用の設計

CSSを使用してページの印刷可能バージョンを準備する方法に関する優れたRachel Andrewトレーニングマニュアル。 さらに、その可能性は非常に大きいため、表紙やコンテンツからフッターや脚注までのすべての機能を備えた優れたブックレイアウトを取得できます。 PDFスクリプトジェネレーターも提供されます。



Page Visibility APIを使用した行儀の良いサイトの作成

Dudley Storeyはブラウザーのページ可視性APIを解析します。これにより、タブがアクティブでない場合、サイト上のさまざまなメディアの再生を慎重にオフにできます。 古いブラウザはユーザーをサポートしていませんが、ユーザーを激怒させるのに最適な方法です。



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



非UXユーザーのUXロールを評価するためのクイックガイド

Jacob Harrisは、プロジェクトチームに必要なUXプロフェッショナルを評価するための非常に興味深いモデルを提供しています。 2つのパラメーター（相互作用とサブジェクトエリアの複雑さ）に従って、プロジェクトマネージャーは必要なスキルと人材のセットを決定できます。



UXリーダーシップ、パート2：偉大なリーダーがすべきこと

UXマネージャーとリーダーシップに関するJim NietersとPabini Gabriel-Petitシリーズの2番目の非常に強力な部分。



UX戦略-目標と将来の状態

Austin GovellaによるUX戦略に関する一連の記事の第4部-目標とその達成方法。 パート5と6も出てきました。



採用プロセスの設計

Michael Owensが、業界の強い意見でデザイナーを雇う方法について。



UXプロジェクトチェックリスト

体系的ではありませんが、インターフェースの重要な作業段階の興味深いチェックリストです。 参照記事は各ステップごとに記載されています。



方向感覚のフレーミング

チームが革新的なソリューションに取り組む方法についてのGuido Stompff氏。



クライアントとの設計

Paul Boagは、デザインスタジオと顧客との関係を改善する方法としての共同設計についてです。



デザインに飛び込む前にキックオフミーティングを開催する

UXPinのChris Bankによる賢明なキックオフトレーニングマニュアル。



Pixelapse + Dropbox

DropboxはPixelapseを購入しました。これにより、デザイナーとプランナーの設計作業が容易になります。 レイアウトのバージョンを保持し、ソースからすばやく公開し、クライアントと議論するのに役立ちます。



新しいデザインスプリントについて





製品管理と分析



オープン戦略

ビジネスを始めるための最高の（著者による）ツールのキュレーションされたコレクション。 コンテンツは、消費者調査、オンライン分析と監査、トレンド、広告計画などのカテゴリに分類されます。 通常のメーリングリストに登録できます。



エクスペリエンスは機能ではなく製品を作ります

Lee Daleは、MVPを起動するときに異論に対処し、最初のリリースインターフェイスをオーバーロードしない方法について説明します。



スプリットメトリック-App Storeページのコンバージョンを増やす

AppStoreおよびGoogle Playでのアプリケーション記述のA / Bテストのためのサービス。 店舗のデザインを模したランディングページを作成します。



事例



ケースの再設計





「鉄」プロジェクトにおけるUXデザイナーの機能

「Simkomat」の例にある「iron」プロジェクトのインターフェースに関する作業の特徴。 Ilya Alexandrovは、この記事を2つのパートに分けました。ハードウェアの機能と、 特定のソリューションとケースの説明についてです 。 デザイナーの練習には面白いでしょう。



エディトリアルCMSについて





美術館の再設計

昨年、カエルデザインはUXメモリアルミュージアムの訪問者の再設計に関するワークショップをいくつか開催しました。 ロベルタ・タッシのプレゼンテーションは、キンガリ、ルワンダ、アムステルダムでのワークショップについて語っています。





物語



「ヒューマンエラー」-これらの年月が過ぎても未定義

スティーブン・ショーロックは、人間工学における「ヒューマンエラー」の概念について-その歴史、進化、今日の用語の理解について。



パイオニア時代のタブレットUX研究

Jakob Nielsenは、1992年にGO PenPointでタブレットを研究した経験を思い出します。



ATMは死んでいます。 ATMを長生きさせよう！

ATMの登場の歴史、現在の問題と展望。



検索アイコンの魅力的な歴史

キース・オルフスがNeXTで検索するための虫眼鏡アイコンをどのように提案したかについて-初めてのようです。



ゲームカートリッジの発明の秘話

市場を再構築し、アプリケーションの配布方法に影響を与えた可能性のあるゲームカートリッジの作成の物語。



クリティカルでクリエイティブなUXコミュニティ-CLUF

UX分野の変革の歴史と、方法の科学的性質、研究と研究者の役割、創造性に関する世界観に関するギルバートコックトンの長くても非常に興味深い資料。



Dirk KnemeyerによるUX形成の簡単な歴史





トレンド



大規模なUXデザイン会社の未来

UXMattersについて、彼は食品会社によるデザインスタジオのショッピングの傾向についてコメントしました。 これはすべて、Teehan + Laxの話の前にありましたが、 Zuckerbergのロシア語版では、すでに反映されています。 トピックの続き：





2015年の予測





Microsoft HoloLens

Windows 10の詳細なプレゼンテーションのフレームワークで、MicrosoftはHoloLensの非常に卑劣な概念を示しました。 これは拡張現実のインターフェイスであり、メガネの助けを借りて、実際の環境でホログラフィックオブジェクトを表示し、それらを操作できるようにします。 Windows用のAPIがすでにあり、それを使用して開発できます。



カメラに限定された多くのユースケースや、かなり狭い使用条件を示唆するOculus Riftとは異なり、このコンセプトはデザイナーとデザイナーの仕事に非常に興味深い展望を開きます。 これは、実際の環境との相互作用であり、インターフェイス要素をその中のオブジェクトにバインドします。 それらを対比することはおそらくあまり正しくありませんが、これは専門職の発展における強力な方向であり、主要なプラットフォームの1つによってさえサポートされています。 しかし、技術出版物はすでにAppleを新しいMicrosoft 2000th （およびThe Verge ）と呼んでいます。



彼のビデオプレゼンテーションとWiredからの独占作品が利用可能です 。 MicrosoftのR＆Dは、依然として最も強力な実績の1つです。 さらに、このプロジェクトは、Kinectの主要なイニシエーターの1人であるAlex Kipmanによって実施されています。 Google Glassはまだあまり良くありません。Microsoftは未来の美しい写真を伝え、その一部だけをリリースするのが大好きです。 ただし、この指示に正確に従う必要があります。





レスポンシブWebデザインの状態

Kezz Braceyは、2015年初頭のレスポンシブデザインの状態について説明しています。



自動化の人間的側面

漸進的な自動化パスの危険性についてのドナルドノーマン。



7議論の余地のあるユーザビリティ予測結果

2010年、Craig Tomlinは、ユーザビリティ開発について7つの予測を行いました。 いくつかの点で、彼は何か間違っていると推測しました。



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



HCIの設計履歴の必要性

Carl DiSalvoは、HCIの分野では、一般的なデザインの歴史、特に相互作用の歴史に注意を向けていないと書いています。



地味なデザイナー





私たちは考える勇気を失いました

広い意味でのデザイナーの役割とタスクに関する考察。 この記事はかなり哲学的であり、興味深い資料にも役立つ参考文献がたくさんあります。



UXコンパニオン

iPhone用のUX Companionアプリには、インターフェース設計で使用されるメソッド、用語、および概念の用語集が含まれています。



UXデイオブザデイ

UI Engineeringのインターフェースの作業に関する引用のコレクション。 良い考えのために毎日。



UXプロフェッショナルの給与動向

ジェイコブ・ニールセンは、1997年から1997年のUX給与動向の記事を更新しました。 過去数年間、量は比較的安定したレベルにとどまっていますが、初心者にはわずかな減少があります。 米国での初心者の平均年収は63,000ドルで、5年の経験を持つ専門家（税引き前）で90,000ドルです。 キャリアの最初の10年間、給与の伸びは年間5,000ドルですが、その後は3,000ドルに低下します。



Daseinの設計-エクスペリエンスの設計の理解

Design for Designは、現象学（HusserlとHeideggerの哲学に基づく）、相互作用設計、設計思考の関係に関するThomas Wendtの新しい本です。 このサイトでは、トーマスがインタラクション2014およびLeanUX 2014でこのテーマについて話しているビデオがあります。



業界の人々と企業



AMA：Codropsの共同設立者であるManoela Ilicです

CodropsのManoela Ilicとのセッション。 本当に、主に感謝します:)彼女はまた、多くのスクリプトがDribbbleとBehanceの概念に基づいて作られていると言います。 その後、それらはプロモーションサイトやWebサービスを通じて積極的に配布され、徐々に標準になります。 これは、このようなソーシャルネットワークに対する健全な態度のトピックです。



会議議事録



Service Design Global Conference 2014のオンラインビデオ

10月7〜8日にスウェーデンのストックホルムで開催されたService Design Global Conference 2014のスピーチのビデオ。



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



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



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


More articles:


All Articles