2010年以来、インターフェイス、新しいツール、パターンのコレクション、興味深い事例、歴史的な話題に関する最近の記事の定期的なレビューを公開しています。 数百のテーマ別サブスクリプションのテープから、選択するのが興味深い出版物の約5%が選択されます。 以前の資料:
2010年4月から2014年11月 。
パターンとベストプラクティス
IBMデザイン言語IBMは、非常に、非常に、非常にクールな説明、構造化、およびファイル化されたビジュアル言語をリリースしました。 多くの興味深い詳細、ガイドラインの記述へのアプローチ。 これらはより可能性の高い原則ですが、特定の実用的なアプリケーションはほとんどありません。 インターフェースと活版印刷グリッドには特定の数字はなく、その構成の原則のみです。 規模の大きい会社(デザイナーのスタッフは1000人に達する必要があり、製品の数は無限です)-このアプローチは、デザインの一般的な精神を尊重しながら柔軟性を提供します。 最近、さらにいくつかのガイドラインがリリースされました。
折り畳みはありませんWelch Canavanは、ユーザーがページをスクロールしないという神話を暴く多くの有名な出版物をまとめました。 最近、Huge Incのブログで
、トピックに関する彼らの研究についての共鳴記事が公開されました。 ユーザーがスクロールを恐れているという神話自体は何度も暴かれてきましたが、Hugeで彼らがしたことは多くの疑問を提起します。
ユーザビリティ研究所のKsenia Sterninaの私の同僚は、問題について次のように説明しています。 いくつかの結果が得られました。おそらくこのようなものが実際にはありますが、テストはアマチュアのやり方で行われました。 以下の詳細。
特定のセグメントではなく、幅広いユーザーのコホートでテストすることにより、広く共有されているユーザーのニーズと期待に調査結果を組み込むことができます。結局のところ、これらのユーザーは誰なのでしょうか? たぶん、それは赤ちゃんや年金受給者、あるいは鉱夫でしょう、結局のところ、彼らは誰なのでしょうか? 科学研究では、彼らは決して「ある種の幅広いコホート」をとらない。 特定のセグメントに帰することができる非常に特定の人々を取り上げ、結果を見て、すべてが同じ結果を示している場合、そのようなセグメントでもそのようなセグメントでも同じ結果であると言うことができます。 そして、「全員」をテストするには、全員全員をテストする必要があります。
短いタイムラインで回答者の数を最大化できます。これは、新しい型にはまらない研究方法を試して、賛否両論を評価する絶好の機会です非常に奇妙なメッセージ。 彼らは結果を得ようとしていますか、それとも方法をテストしようとしていますか? 通常、メソッドをテストする場合、特に結果を使用することはありません。テストするプロセスでは、結果はすでに無効になっているためです。
調べるために、3日間で48人の参加者でユーザーテストを実施しましたこれらの人々は誰ですか、年齢、性別、彼らはどのデバイスを使用していますか、さまざまなサイトでの経験は何ですか?
4つの設計バージョンをテストしましたそして、ページ上の写真は同じでしたか? もしそうなら、その人はすでにキャッチが何であるかを推測し、そうでなければ、コンテンツ自体が影響する可能性があります。 通常、テストオブジェクトは他の「コントロール」オブジェクトの中に混在しています。
X%はすぐにスクロールしましたどう? 一秒で、半秒? 一部の人々はスクロールしませんでした。 興味深いことに、これらの人々に共通点があるのはなぜですか?
テスト手順はまったく説明されていません。 テストを削除したと書かれていますが、どのように実行されましたか? 人に連絡してリンクを送信しますか? または1つのリンク? 人々はどのような指示を出しましたか? これはすべて、人々の行動に大きな影響を与えるため、非常に重要です。」
今年の初めに
、MJパーネルによるデザインの記事で最高の疑似科学が発表されました。 Huge、Incの研究がインターネット中に広まり、できるすべての人によって出版されたことは非常に悲しいことです。 はい、人々はスクロールしないという神話は間違っており、何度も反論されてきました。 しかし、具体的には、この記事は結論を完全に非専門的にしています。
ユーザーにアプリのレビューを依頼する正しい方法CircaのMatt Galliganが、ユーザーからアプリの評価を取得する控えめな方法について語っています。 ほとんど常に不適切なポップアップの代わりに、インターフェイスに「アプリケーションが好きですか?」という質問とともに丁寧なブロックが表示されます。 トピックの続き:
優れた組織サービスの設計Laura Keller氏は、社内の企業ツール用の優れたインターフェイスを作成する原則について説明しています。原則として、これらは非常に見栄えが悪いものです。
設計爆発問題#1:iOSでのマッピング地図製作者およびジオ指向サービスの設計者へ iOS向けのネイティブGoogleおよびAppleマップの真剣な没入と詳細分析。 パターン、相互作用領域、ラベリングメカニズム、アプリケーション領域、ルート、ナビゲーションのマークアップ...「パーツ用」に非常に慎重に分解し、最後まで詳細に説明しました。
Eコマースチェックアウトでは、必須フィールドとオプションフィールドの両方を明示的にマークする必要があります(9%のみがマークします)最近の調査の結果に基づいて、Baymardは必須およびオプションのフォームフィールドの両方を明示的にマークすることをお勧めします。
空の状態Empty Statesコレクションは別のドメインに移動しました。
星条旗とISOコード多言語サイトおよびアプリケーションで潰瘍を切り替える際の複雑な設計に関するアントワーヌ・ルフーブル。 トピックの続き:
デザイナーはレストランから最高の価格設定テクニックを盗むことができますか?レストランとウェブでの価格調査のペアからの興味深い計算。 金額の横に通貨が示されていない場合、人々は支払う可能性が高くなります。
Android vs iOSスタートエクスペリエンスLuke Wroblewskiは、iPadとAndroidタブレットの初期セットアッププロセスを比較します。 トピックの続き:
ハイライト2014-UIアニメーションBeautiful Pixelsによる最高のインターフェースアニメーションの選択。 多くの例は非常に議論の余地がありますが、パターン自体は興味深いものです。
ユーザーの理解
アジアのデザイン機能共感的デザインによるイノベーションの促進ドロシー・レナードとジェフリー・F・レイポートがフィールド調査について話します。 このプロセスは任務で説明されていますが、この記事には大企業の膨大な数のクールなストーリー、洞察の発見と製品の変更が含まれています。
不気味な谷は不気味ですUXの「邪悪な谷」効果についてのニコラス・ボウマン教授:ゲーム、シリ、NUI。
Facebook科学にはもう1つの問題があります-それは科学ではありません感情の管理に関する絶賛されているFacebookの研究の物語を続ける。 彼らは、そのような研究は完全に非科学的だと言います。
情報アーキテクチャ、概念設計、コンテンツ戦略
オンライン購入への顧客の旅Think with Googleの新しいサービスは、42,000のサイト(Googleアナリティクスがプライバシーを許可しないすべての人がここに飲み込んだ)から匿名(もちろん)Web分析データを収集し、さまざまな方法でユーザーの購入経路を探索するための優れたツールを作成しましたセグメント、市場、国。
PDFとしてのクイックスタートガイド 。
カスタマーエクスペリエンスマップを使用して、優れたコンテンツマーケティング戦略を開発する方法経験マップの作成に関するデミアンファーンズワースのメモ。
インターフェイス画面の設計と設計
レゾネーターPhotoshopの新しい拡張機能。開発者のアイコンやその他のグラフィックスを収集、保存、および「カット」するのに役立ちます。 この拡張機能は、iOS、Android、Windows Phone、および網膜をサポートしています。 現在は招待で配布されていますが、個人的な経験から、非常に迅速に招待されています。 これは、すべてのモバイル、一部のWeb、および一般に、開発者に送信するためにグラフィックを絶えず手動でカットすることにうんざりしているすべての設計者に役立ちます。 開発者への設計の転送についてもう少し:
ペーパープロト紙のデザインのテンプレートへの新しいアプローチ。 画面上の標準シートを簡単に分割できるだけでなく、紙に描かれたスケッチを駆動できる3Dプリンター用の電話モデルが付属しています。
スケッチの新機能マテリアルデザインの新機能Android Wearの新機能Apple Watchの新機能手紙の郵送についてTizen UXガイドサムスンとインテルが数年前に閉鎖されたMeeGoに基づいて開発しているTizenモバイルOSのガイドラインは、真剣に更新されました。 サムスンは主力であることに投資することを絶えず脅かしていますが、これまでのところ少数のデバイスしか出てきていません。
素晴らしいアニメーションGIFを設計するための7つのヒントフロントエンドアニメーションを使用したGIF作成に関するInVisionの7つのヒント。 そして
、たくさんのIllustratorとPhotoshopでアニメーションイラストを作成する手順 。
iPhoneの新機能iPadの新機能AndroidテンプレートMarvel Appの新機能Adobe Fireworksの新機能デュエット表示iPhoneおよびiPadでMac画面をすばやく表示する別のオプション。 このアプリケーションは、ケーブルを介してデバイスのレイアウトをすばやく表示するのに役立ちます。
ユーザーの調査とテスト、分析
Uxチェック主要なNielsenヒューリスティックのピアレビューを実施するための安価で迅速な方法。 これはChromeのプラグインで、ヒューリスティックのリストを含むパネルを開き、ページにメモを作成して、それをすべてWord文書にエクスポートできます。
研究目標に最適な方法を選択する3つの方法インディヤングは、研究方法を選択するための独自の方法論を作成しました。 それはすべて、主に研究の目的に依存しています。製品の新しいアイデアを探しているか、既存の機能を評価しているかです。 研究は、製品自体、またはユーザー、その行動と感情のいずれかに向けることもできます。
リーンリサーチスピーダーがオンライン調査に与える影響ジェフ・サウロは、特に記入の速度をチェックすることによって、悪徳な調査回答者を遮断する方法がどれほど効果的であるかを理解しようとしています。 すべてがそれほど明確ではありません-非常に明白な偽のケースを除いて、速度は品質に非常に明確に影響せず、そのような回答者をカットすることは単に不可能です。
ユーザー調査のパイルソート法の再検討Hang Guo、Kasfariyati Razikin、Muhammad Hatibによるカードの並べ替え方法のバリエーション。
なぜ定性的なユーザー調査を行うのですか?いい例えは、Mozillaブログでの定性的研究と定量的研究の違いです。
ユーザー調査の7つの大罪ユーザー調査の7つの大罪に関するDavid Travis氏。
あなたのウェブサイトを再設計しますか? すぐに古いデザインを捨てないでくださいNN / gのHoa Lorangerは、競争力のあるユーザビリティテスト方法論について、独自の製品に加えて、最も近い競合他社のいくつかの製品をテストしています。
ブラウザーでの視覚的なプログラミングとデザイン
ヒューズインタラクティブなプロトタイプを作成し、AndroidおよびiOS用のコードに変換するための新しいツール。 最近登場したツールとは異なり、Fuse Toolsは当初、デザイナーとプログラマーの密接なつながりに焦点を合わせていました。 このツールを使用して作成するインタラクティブプロトタイプは、実際には、プラットフォームのネイティブコードを使用した、適切に作成されたアプリケーションです。
プレキシデザイナー向けのもう1つの新しいツール、今回はブラウザーです。 Colm Tuiteによって作成され、まだアルファ状態になっていますが、すでに試用できます。
オブジェクトの状態のデモ関数 。
Formを使用した初めてのプロトタイピングGoogleが最近購入した、インタラクティブプロトタイピング用の折り紙のようなツールであるFormを使用するためのかなり詳細な手順。
新しいビジュアルコンテンツエディター新しいスクリプトSVGを使用するタイプキャストが無料になりました比較的最近更新されたTypecast-視覚的に魅力的でセマンティックに構築されたデザインを作成し、読みやすさ、ブラウザーでの正しいレンダリング、および全体的な調和を確認するためのツール-単独で作業するデザイナーのために無料になりました。 この発表により、技術、スクリプト、ツール、マニュアルなど、Webタイポグラフィに関するブランチが開かれます。
カラー検索を実装する方法Elif Ceren Dikは、色理論に従って、JotFormサービスのユーザー向けに優れたカラーピッカーを作成した経験について語っています。 多くの人が同様のタスクに直面しているため、このスレッドでは、カラーマッチングのアルゴリズムソリューションについて資料を収集します。 トピックの続き:
物理モデルを使用したアニメーションと相互作用の作成Ralph Thomasは、物理アニメーションモデルを詳細に、明確なインタラクティブな例を使用して解析します。 このプロジェクトは、独自の実験用にGitHubで入手できます。 トピックの続き:
Tumult Hype Pro 3(ベータ版)Tumult Hype Pro 3のデザイナー向けのベータ版ツールが登場し、物理モデルとWebサイト、iBooks、広告への適応性を備えたインタラクティブで再利用可能なアニメーションオブジェクトを約束します。
Noodlベータ版プロトタイプサイクル全体のための最近発表されたツールであるBeta Noodlが登場しました:アニメーション、インタラクティブな相互作用、およびプロトタイププロセス全体。 Chromeの拡張機能としてインストールできます。
「ブラウザでの設計」に関するいくつかの考えスティーブン・ヘイは、近年の人気のある言説の両側、「デザイナーがタイプセットできるかどうか」は極端に急ぐべきではない、と言いました。
フレーマーの新機能Quartz Composerの新機能BootstrapおよびFoundationの新機能ツールのレビューデザイナー向けのJavaScriptDmitry PoyarkovによるJavaScriptの使用に関するデザイナー向けの教育記事。 ただし、デザイナーにとっては条件付きです。初心者向けのシンプルなトレーニングマニュアルにすぎません。 初心者向けのその他のガイド:
Touchstone.jsiPhone用のハイブリッドアプリを構築するためのフレームワーク。
フロントエンドのプロジェクト、プロセス、およびチームの管理
UXリーダーシップ、パート1:偉大なリーダーの性質Jim NietersとPabini Gabriel-Petitは、UXマネージャーとリーダーシップに関する一連の記事を開きます。 予備的な記事は体系的ではありませんでしたが、非常に賢明です。 トピックの続き:
5つの最も一般的な設計ミスFacebookのJulie Zhuoが主要な製品設計の欠陥について説明しています。 問題と解決策の空間の初期研究に対する制限が厳しすぎ、解決策の1つを詳細化しすぎ、良い製品として良い実行を受け入れ、意味ではなくスタイルに偏り、間違った詳細に焦点を当てる。
プロダクトマネージャーとのコラボレーション方法OndřejVálkaは、プロダクトデザイナーとプロダクトマネージャーの間のやり取りの形式について説明しています。 これは、チームで最も厳しい靭帯の1つです。
素晴らしいクライアントフィードバック設計批評のトピックに関するクライアント向けのメモ。
ユーザーエクスペリエンスをビジネス戦略の一部にするUXとビジネス戦略の統合に関するUXMattersコラム。
製品管理と分析
データを定義するPamela Pavliscakは、インターフェース設計における分析データの操作に関する一連の出版物を続けています。 2番目の部分は、用語の定義に専念します。
ペンドPendoの製品分析ツールのベータ版が利用可能になりました。 Web製品の機能の関連性を評価し、現在サービスを使用しているユーザーと通信するのに役立ちます。
ペルソナを使用した分析データのセグメント化Nielsen / Norman GroupのAurora Bedfordは、文字を使用して分析データをセグメント化することについて書いています。
事例
調和のための設計大企業でのデザイン再設計の最もクールなケースの1つ。 個人および企業の財務会計ソフトウェアの大手メーカーであるIntuitは、自らを再考し、設計文化を構築し、
Harmonyエコシステムを作成しました。
今すぐデータドリブン製品!EtsyのDan McKinleyによる非常に興味深いプレゼンテーションで、新しい機能とサービスを立ち上げる際にどのように企業がプロアクティブなデータ分析を行ったかについて説明しています。 第2部では、発売予定の機能のペアについて、詳細なROI計算を行います。
https://speakerdeck.com/mcfunley/data-driven-products-now ">データドリブン製品Now!93%のユーザーが再設計に満足:Septimaの開発方法私の同僚のAndrei Suminは、Mail.Ru Mailの新しいバージョンを立ち上げるプロセスについて話しています。Mail.RuMailは今年、すべてのユーザーが利用できるようになりました。 多数の数値と統計を使用して、ますます多くのユーザーに段階的に展開するすべての手順の詳細。 それは、多くの定評のあるオーディエンスで製品を扱うすべての人に役立ちます。
みんなのために設計する方法州のウェブサイトを再設計する別の賢明なケース。 Rachel Haotが新しいNY.govとそれに取り組んでいる機能について語っています。
彼女のミディアムブログには、このローンチに関する他の記事があります。
GDSユーザーリサーチラボは生後6か月ですユーザビリティ研究所GOV.ukの最初の6か月について。 多くの興味深い結論、推奨事項、マネージャーからのフィードバック。
数字ゲーム-マイクロソフトのXbox Playtesting Labsの舞台裏Microsoft Xboxのユーザビリティラボでのプレーヤーの調査方法。
Yandex.Browserの設計者が人々を邪魔しないようにする方法についてKonstantin GorskyとGennady Lakhtinは、11月下旬に導入されたYandex.Browserの実験的インターフェースの作業について話しています。
製品に関する質問に対する彼らの回答のいくつか 。
Lumosityは、単純さではなく複雑さでアクティブユーザーを10%スパイクしました。Luminosityトレーニングサービスチームの興味深いケーススタディ。最初のユーザーログインプロセスでの実験について話します。 彼らは、オンボーディングにテストのようないくつかの質問を追加しました。これにより、コンバージョンが低下するだけでなく、エンゲージメントも向上することがわかりました。
Evgenia Zhadyaevaは 、
UX環境に関する
LinguaLeo.ruの同様の経験について語ったようです。
編集部の作業を自動化した方法とそれがもたらしたもの (アレクセイ・アメトフとロマン・クドノゴフによるスピーチ)LAMの内部編集プロセスに関するRoman KhudonogovとAlexei Ametovによるスピーチ。
スライド 。 彼らはアークティクルを一般に入手可能な製品にすることを考えており、すべてが一緒に成長すれば、発表は春になるでしょう。
新しい再設計ケース未承諾の再設計高齢者向けのモバイルインターフェイスの設計TomášSlavíčekは、KoalaPhoneアプリケーションを例として使用して、高齢者向けのモバイルインターフェイスの設計原理を説明しています。 障害者向けのその他のデザインストーリー:
物語
UXの成熟度:直感Dirk Knemeyerは、UXの出現に関する短い歴史を6つのパートに分けて書いています。 パート1:「80年代:直感に基づいた設計」 継続:
新しいウェブ履歴デザイナー向けのWebデザインの簡単な歴史Webデザインアプローチの明確な歴史を持つFroontの別のGIF記事。
トレンド
フィヨルドトレンド20152015年の動向に関する予測の公開が開始されました。 フィヨルドは、設計と革新に関する9つの点について説明しています。 その他の予測:
ファブレットを使用する銀行はあなたの注意のためにお互いを狂わせようとしています新しい形式のインタラクションを使用したアメリカの大手銀行の実験について。 トピックの続き:
カーインターフェースインディーインターフェースKickstarterと
Indiegogoの興味深いインターフェースの概念とインディー製品もグループに集まっています。 Microsoft、Google、PARC、IBM、Disney、AT&T、MIT Media Lab、その他の企業の内部研究所とは異なり、これらのものは後援され、半年または1年後にあなたの手に触れることができます。
Web Speech APIによるユーザーエクスペリエンスの向上ブラウザに表示され始めている新しい音声APIの機能の概要。 これにより、ページ上の音声および音声テキストを認識でき、W3Cの開発の初期段階にあります。
低速Web向けの設計Slow Web / Fast Webの概念に関するBen Roweは、Fast Food / Slow Foodの概念に類似しています。 Slow Webでは、ユーザーが時間と注意を管理します。 どこにでも急ぐ必要はありません。理由もなく気を散らす人はいません。 Slow Webの基本原則:
- 機能が少ない方が良いですが、より良い相互作用があります。
- 不要な通知はありません。
- 不必要に切迫感はなく、ユーザーにリラックスしてもらいます。
- ユーザーを不必要にオンラインにしないでください。 それらを現実の世界に送ってください。
- 最後に、ユーザーを尊重します。
ウェアラブル電子機器映画館のインターフェースユーザーベースの思考の終わり-生物学的視点Alena Luginaは、「ユーザー」の概念は時代遅れであると見なされることを提案します。 それは、白衣の科学者が実験室でソリューションを作成する一種のオブジェクトであるように、設計に取り組むプロセスを形成します。 共同設計形式で人々とのインターフェースを作成する方が良いとはいえ。
DesignX-デザインの未来の道ドンノーマンは、複雑な社会問題を解決するための方法、アプローチ、専門を説明するDesignXを提供しています。
質問に対する彼の
答え 。
一般的および専門的な開発のため
デザインの(Dis)注文と移行デザインキャメロン・トンキンワイズは、設計哲学とそのレベル、および移行設計について説明しています。 多くの設計モデルを理解しています。
デザインの発見-携帯電話でデザインのトレンドを調べる電話でのみ動作するモバイルデザインに関する興味深いチュートリアル。 Luke Wroblewski、Khoi Vinh、Paul Adamsなどの著名な業界専門家の資料に基づいています。
デザイナー:ウォッチオンラインの視聴サービスへのリンクがある主要なデザイナー映画のコレクションサイト。 人、歴史的プロセス、方向。
ロシア語版 。
UXMas 2014UX Masteryリソースの作成者は、クリスマスイブに3回目のUXMasミニサイトを立ち上げました。 今年は24の記事が発行されます。 トピックの続き:
素晴らしいデジタル製品は事故で起こらないTeehan + LaxのDavid Gillisによる、製品設計に関するプレゼンテーションに基づく記事。
払拭される32の神話32 UX神話ポスター。
ピクセルとは何ですか?Sebastien Gabriel, .
The Urban Dictionary Of Design SlangFast CoDesign , . トピックの続き:
« »« » ( , — «Designing with the mind in mind»).
.
Screeny — Let's find those space consuming screenshotsScreeny iPhone , , . , , , .
-Utopian UIアーキテクトBMWのMediumに関する特別プロジェクトは、Bret Victorが現在行っていることに関する記事をリリースしました。AMA:私はニコラス・フェルトン(別名Feltron)です。NYCQ&Aの情報デザイナーで、デザイナーニュースでNicholas Feltronとのセッションをしています。デザイン教育は「悲劇的」であると言うJonathanIveロンドンデザインミュージアムでのJony Iveのパフォーマンスの詳細な要約。会議議事録
今後のWebデザインイベント(2014年12月-2015年6月)2015年前半のヨーロッパおよびアメリカにおけるUXおよびWebデザインの主なイベント。
ウォームガン201412月4日にアメリカのサンフランシスコで開催されたWarm Gun 2014カンファレンスのスピーチのビデオ。 注目に値するスピーカー:Kim Goodwin、Dy Traynor、Christina Wodtke、PJ McCormick、Leah Buley、Samuel Hilick。
利益-AIGA Design and Business Conference 201410月末に、ニューヨークはAIGAによるビジネス再設計に関するGain 2014会議を開催しました。
パフォーマンスのビデオ 。
新鮮なリンクも同じFacebookグループで追跡できます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Evgeny Sokolovのリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。