フードデザインダイジェスト、2017年2月

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

フードデザインダイジェスト、2017年2月


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


複雑なアプリケーションのフォームデザイン
Andrew Coyleによる複雑なWebアプリケーションでのフォームレンダリングパターンの概要。 翻訳



レスポンシブサイトはモバイル上でそれほど高くなければなりませんか?
VigetのKevin Vigneaultは、レスポンシブサイトの高さを覚えておくことが重要だと書いています。 多くの場合、ブロックを互いの下に単純に配置すると、膨大な数のスクロールが発生します。



標準の共有アイコンはありますか?


ベイマード研究所

プラットフォームと企業のガイドライン


パターン≠コンポーネント
Nathan Curtisは、パターンとコンポーネントの違いについて説明しています。 この記事には、モジュール設計のイデオロギーの発展に影響を与えた書籍や記事の良いリストもあります。



トピックの続き:



優れた製品の背後にある設計原則
Rambler&CoのAnton Badashovは、有名なWebサービスの設計原則を分析しました。



トピックの続き:



材料設計


Android Wear


ユーザーの理解


メディア消費モデル。 人々が読むもの、理由、時期、方法 (PDF)
メディアプロジェクトチームとMail.Ru Group UXラボは、人々がメディアを読む方法に関する調査を実施しました。 これは定性的な調査であり、定量的な調査ではありません。彼らは単に「どのようにそれが起こるのか」という質問に答え、さまざまな行動を収集し、深く調査します。 この動作がどのくらいの頻度または典型的であるかを理解するタスクはありません。主なことは、見つかったケースを包括的に記述することです。 同時に、分析サービスMediatorからの定量データにより、調査結果が確認されます。



製品の最初のマイルの重要性に関するスコット・ベルスキー
Behanceの作成者であり、Benchmark CapitalベンチャーキャピタルファンドのパートナーであるScott Belskyとの説明的なインタビュー。 前半は一般的なもので、後半は製品開発の2つのコンセプト- オンボーディングに関する「最初のマイル」と、 ユーザー 引き付ける 段階 です



行うべき仕事


体験のために話す
インターフェイスデザイナーがゲームデザイナーから学べることについて、Stephen Andersonによる優れたプレゼンテーション。 製品とのユーザーインタラクションをより魅力的な方法で表示する方法に関する多くの有用な考え。



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


UCDtoolbox-UCDのメソッドを見つけて学ぶ
UCD Toolbox学生プロジェクトは、選択ツールを使用して、インターフェース設計方法を単一のデータベースに収集します。 これは完全に再設計されており、特定の状況に合わせて設計および研究方法を選択できます。



複雑なシステムを理解するための5つのモデル
Christina Wodtkeは、マインドマップ、コンセプトマップ、システムマップ、メンタルモデルおよびコンセプトモデルの違いについて説明します。

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


モーションデザインの引き継ぎが簡単に
Paul van Oijenは、開発者向けのフロントエンドアニメーションを指定する方法を提供しています。 彼は、オブジェクトとその変化のダイナミクスを使用して主要な変換をレイアウトします。 この問題の一部は、アニメーションパラメーターをJSONにエクスポートするAfterEffectsのプラグインで解決できますが、記事で説明されている形式は設計システムに最適です。



VRインターフェイスデザインの開始
KickpushのSam ApplebeeとAlex Deruetteは、Sketchで仮想現実インターフェースのプロトタイプを作成する方法を示します。



トピックの続き:



スケッチ



クラフト


figma


インビジョン


Adobe After Effects


マーベル


UID8-UX描画アプリ
タブレットでスケッチインターフェイスを作成するための新しいアプリケーションUID8がリリースされました。 より原始的な兄弟とは異なり、紙に描くというおなじみのプロセスに焦点を合わせ、画面間の遷移をサポートします。

最新の公開ツール


最新の編集CMS


アブストラクト


アボコード


ゼプリン




デザイナーと開発者の間の妥協
Alex BarashkovとVlad Kamelskyによる開発からレイアウトへの移行に関する優れた記事。

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


リモートバンキングの使いやすさと機能、2017
UsabilityLabは、モバイルバンキングアプリケーションの比較ユーザビリティ調査を開始しました。そこでは、周波数タスクのユーザビリティテストに加えて、Donald Normanの7段階モデル​​を作り直して、すべての機能のユーザビリティを評価しました。 また、「アクセシビリティ」の問題についても触れます。 この研究は4月に準備が整います。



カセット
カセットアプリは、カスタムインタビューを簡単にします。 音声録音に加えて、洞察の草案の書き起こしと分類を提供します。



ユーザー調査方法の分類


すべての頭-ゲーム開発における神経生理学的研究
Ksenia SterninaとHSEの同僚は、過去6か月間、人間の神経生理学的指標を使用したプロジェクトに関与してきました。



コンテキストインタビューの初心者向けガイド
UserFocus David Travisは、ユーザーの人生や仕事の実際の状況でインタビューを実施するためのヒントです。

A / Bテスト


オンラインパネルからのUXメトリックはどれくらい正確ですか?
ジェフサウロは、NPS、SUPR-Qを含むいくつかの一般的な指標について、異なるパネルからのユーザーの調査結果を比較します。

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


フレーマー




Dribbbleのコンセプトからコードまで


新しいスクリプト


CSSシェイプ


ウェブ上の色を操作する


フレックスボックス


UX戦略と管理


デザイナーの指定



デザイン文化の構築


利害関係者のマッピング
ShopifyのCassie Slackは、影響と関心という2つの基準に従ってそれらを分割するプロジェクトの利害関係者マップを提供します。 結果の4つのカテゴリのそれぞれについて、彼女は生産的な相互作用に関するヒントを持っています。



設計批評の組織


事例


ケースの再設計


物語


制御盤
Flickrの古いダッシュボードのシックなコレクション。 希少なデバイス、機器、社会技術システムの2300枚の写真。



トレンド


2017年デザイントレンドガイド
BehanceのLoredana Papp-Dinea、Mihai BaldeanおよびMilo Themesからの最も包括的なトレンドレビューのようです。 多くの点で、「ビッグフォント」、「バックグラウンドビデオ」、「アニメーション」と同じように端を発していますが、近年需要が高まっているものはすべてここに集められているようです。



2017年のその他の予測:


円形設計ガイド
IDEOは、この職業に長い間新しい流行語がないことを決定し、2016年の終わりに循環設計のガイドを開始しました。 私たちは、デザイン思考、持続可能な開発、柔軟で無駄のない方法、そして出来上がりを取り入れます! -新しいメソッドの準備ができました。 専門家のプロフィールを緊急に更新します。



トピックの続き:



音声のUX-目に見えないインターフェース
Digital TelepathyのJason Amunwaが音声設計機能について説明します。 CES 2017では、Amazon Alexaを使用するデバイスに大きなブームがあったため、今年は多くのデザイナーが音声アシスタントの設計に直面します。



アルゴリズム設計




メッセンジャーとボット


カーインターフェース


スマートな時計とブレスレット




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


Designers.how
人気のある製品デザイナーツールの教育に焦点を当てた興味深いオンラインコース。 現在、Swift、Sketch、Origami、AfterEffects、Adobe XD、Flinto、Cinema 4Dのレッスンがあります。



UXのキャリアに影響を与えた書籍、パート1-デザイン
UXmattersは、推奨書籍セクションを開始する予定です。 これを見越して、彼らは自分たちのお気に入りのインターフェイスデザインブックのテーマについて多数のコラムニストにインタビューしました。 残りの問題には、ユーザー調査とユーザビリティテストに関する書籍が含まれます。

経験なしで経験を得る方法-新しいデザイナーのパラドックス
リチャード・ヤンは、実際のタスクなしで経験とポートフォリオを獲得する方法について、初心者のデザイナーにアドバイスを提供します。 彼は未承諾の再設計を行うことを助言し、適切なプロジェクトを選択して提出する方法を詳細に説明します。



映画「グラフィック手段」


業界の人々と企業


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


有名デザイナーの移行と任命


スタンフォード・D・スクール
Stanford d.schoolのMediumに関するブログ。 カリッサカーターの教育ディレクターからの最近の記事の1つは、 学生がプロセスの柔軟性を教えられる方法について話しています 。 この記事は、レシピと非常によく似ています。



Dropboxデザイン


クリエイティブマーケットでのデザイン


フリップボード設計
Flipboard Medium Design Teamブログ。 2月に、彼らはアプリケーションの新しいバージョンを立ち上げ、その作業について話しました



他の設計チームのブログ:



IBMが設計を通じて未来をどのように受け入れているか
IBMが社内の設計をどのように再考したかについてのもう1つの良い話です。

会議議事録


UX STRAT 2016
2016年には、UXSTRAT 2016カンファレンスの2つのパートが開催されました。 6月4〜5日はアムステルダムで9月14〜16日はアメリカのプロビデンスでした。 戦略の設計に専念し、テーマ別スピーカーの強力なラインアップを収集します。 SlideShareで公開されたプレゼンテーション 。 私はそれらの最も興味深いものを選び出します。






















新鮮なリンクは、同じFacebookグループで追跡することも、月に1回メールで受け取ることもできます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Alexei Kopylov、Taras Brizitsky、Evgeny Sokolov、Anton Oleinikのリンクを公開しているすべての人に感謝します。 レビューのおかげで、より多くの資料がレビューに登場します。

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


All Articles