The Ultimate Guide to Designing Data Tables
(tables from UI Prep)Data tables vary in size, complexity, content and purpose. Regardless of use-case all well-designed data tables provide clarity on the information presented and help users make insights and take action. This article is a collection of best practices to help you design better data tables in your applications. It’s broken into two sections: Table Style and Table Functionality. L
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーのセンスがなくても、デザイン的に合った組み合わせが分かります。
Adaptive Path's Guide To Experience Mapping (Japanese Edition)
2. P First Edition Published August 2013POS Adaptive Path Pier One, Bay 2 San Francisco, CA 94111 adaptivepath.comS Written and designed in San Francisco and AustinTP We love our ideas to spread. This license allows you to remix, tweak, and build upon our work non-commercially. When doing so, you must acknowledge Adaptive Path. When in doubt, just ask us. We wonʼt bite.SSVUS For more information o
色盲・色弱の人にWebページがどのように見えているかシミュレートできるChromeの機能拡張 -Colorblindly | コリス
色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。
Design better data tables
Data is useless without the ability to visualize and act on it. The success of future industries will combine advanced data collection with better user experience, and the data table comprises much of this user experience. Good data tables allow users to scan, analyze, compare, filter, sort, and manipulate information to derive insights and commit actions. This article presents a list of design st
ユーザーを魅了する！UXデザインの正しいアニメーション完全ガイド 2018年版 - PhotoshopVIP
海外サイト Medium で公開された The ultimate guide to proper use of animation in UX by Taras Skytskyi より許可をもらい、翻訳転載しています。 最近では、UIデザインのアニメーションで感動させたり、驚くせることは難しくなってきています。画面上でのやり取りを示したり、アプリケーションの使い方を説明したり、ユーザーの注意を向けるなど、実装テクニックはさまざまです。 この記事では、UXデザインにおけるアニメーションの基本原則とルールをまとめてご紹介します。これからインターフェースデザインのアニメーションを作成したいというひとが、追加情報を探す必要がないよう、アニメーションのすべてをまとめた完全ガイドです。 アニメーションの持続時間とスピード 要素の状態や位置が変更されると、アニメーションの長さは、ユーザーに変更を通知し、
デザインは経営資源になる。という話｜たけてつ / Studio Opt｜note
経済産業省の「デザイン経営」宣言（2018年）より26年前に、デザインの重要性を説いている紺野先生著書の「デザイン・マネジメント」という本があるのを教えて頂きました。教えて頂いたのはDONGURIのミナベさんで、既にこの本は絶版ということで貸して頂けました。（中古で9千円〜1万円程度します。。。その後タイミング良くもう少し安価に中古で手に入れました！） 26年前というと1992年で、バルセロナオリンピックで岩崎恭子さんが14歳で金メダル、スーパーマリオカート発売、幽遊白書のアニメがスタート、紅の豚が公開、日本でインターネットの商用化が始まる、そんな年です。 この時代のデザイン関連のできごとを調べてみると、1989年に通産省（現在の経済産業省）がデザインイヤーを提唱し、名古屋市が“世界デザイン会議ICSID’89名古屋”を開催しています。この時、既に「デザイン経営」宣言と同じようにデザインの
UIデザイナーの能力開発ステップと鍛錬方法｜たけてつ
先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナーの人口が増えて活躍することができれば、より良いプロダクトやサービスが溢れ、世の中はより良い方向に変わっていけるのではないか。と考えるようになりました。 では、デザイナー人口を増やすには、微力ながら自分で何かできないか。と考え、いろいろトライ&エラーした結果、同じ思想を持つCocoda!に出会い共感し、アドバイザーというカタチで力添えさせて頂くことになりました。 今回は、Cocoda!チームへの初アドバイスとして、"UIデザイナーになる、もしくは、より良いUIをアウトプットできるようになる為には、何
hajipion.com
大規模デザインカンファレンス「デザインシップ」の着想から開会まで、超ダッシュで振り返る10ヶ月！ #Designship2018
フォリオのアプリでこだわったのは、「OS最適化」と「秩序のある設計」｜コウノ アスヤ
株式会社FOLIOで、モバイルアプリのUIデザインを担当している コウノ アスヤ ( @asuyakono )と申します。 やっとのこと、7月23日（月）にアプリをリリースすることができました。このアプリの開発にはチームのキックオフから計算すると実に1年と3ヶ月を要しており、並々ならぬ感慨を感じています。せっかくなので今回は、本アプリを設計・デザインしていくうえで大切にしたことと、主要な画面のデザインを少しだけ紹介させてください。 ※画像内の金融商品・データは、デザイン紹介のためのサンプルです。コンセプトは「OS最適化」と「秩序のある設計」 フォリオのアプリは、”最適なユーザー・インターフェースはOS毎に異なる”という「OS最適化」の思想に基づいてデザインしました。したがって、機能は同じでもiOSとAndroidでデザインが異なります。「この画面で何ができるのか」というベースの体験だけしっ
データ視覚化のデザイン #2｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 前回に引き続き、Twitterでつぶやいているデータの視覚化のポイント6〜10をまとめます。 6. 3Dグラフは使わない ExcelやKeynoteでもサポートされてる3Dグラフですが、以下の様な錯覚を起こしてしまうので、お勧め出来ません。 ・パースで大きさが変わる 主に大きさを見比べる為のグラフですが、立体化のためにパース(奥行き)がかかると奥に行くほどに小さくなってしまう為、手前のものとフェアに比較が出来なくなります。 ・軸線がどこを走ってるのか判らない 棒グラフの例だと棒線と軸線がどれくらいの距離に位置しているのか掴めないので、軸線が役に立たなくなります。 上図は時を追うごとに月間ユーザー数が下がっていますが、左の3Dグラフだとそれが判別しにくくなっています。 3Dグラフを使って説明された場合、何か視覚誘導の意図が隠れていると
デザインとクリエイティブの経済効果を示したケース&データ集｜三宅佑樹 / Yuki Miyake
こんにちは、三宅佑樹(@yuki_miyake)です。 デザインやクリエイティブの経済効果について、デザイナーやクリエイターは非常にもどかしい思いを抱えていることが多いのではないでしょうか。 消費者がさまざまな商品やサービスに接する場面を考えると、デザインやクリエイティブは、間違いなく購買選択に大きな影響を与える要素の１つである、と言えるはずなのに(この後に出てくる事例で示すように)、「数値で示せ」とか「作る前に効果があることを証明しろ」と言われると、それは極めて困難なのです。 【6/26 10:55追記】前置きが長すぎたのでカットしました・・・カットした部分に書かれたことは以下の通り。 事後でないと計測できない&事後でもデザインと売上等の因果関係が分かりにくい→でも効果はあるはず→懐疑的な人にどう信じてもらえばよいか→まずはデザイン/クリエイティブが経済効果を発揮した過去の事例を知っても
ヒューマンインタフェース学会
賛助会員交流会のご案内 2024年8月9日 シンポジウム ヒューマンインタフェースシンポジウム2024の開催期間中に、昨年に引き続き、賛助会員交流会を開催いたします。 本学会の賛助会員の組織に所属されている方や、理事会・評議員・賛助会員メンバーと交流したい方など、どなたでもご参 … この記事を読む 第209回ヒューマンインタフェース学会研究会開催報告 2024年7月15日 SIGACI研究会報告 第209回ヒューマンインタフェース学会研究会「高齢者、障がい者支援技術および一般（SIG-ACI-33）」が、2024年3月26日（火）、京都工芸繊維大学 東3号館（ノートルダム館）で開催されました。今回の発表件数は28 … この記事を読む ヒューマンインタフェースシンポジウム2024 早期割引参加登録開始のお知らせ 2024年7月1日 シンポジウム ヒューマンインタフェースシンポジウム2024参
デザイン思考の本質とは？—新米ファシリテーターの経験を通して気づいたこと
デザイン思考ワークショップのファシリテーターとして活動し始めて約1年。 これまでに、デザイン思考の初心者であるワークショップ参加者の方々から「デザイン思考って失敗を恐れずトライアンドエラーを繰り返すプロセスのことですよね？」とか「この業界ではどのようにデザイン思考を使うべきですか？」と質問されることが度々あった。 実際にこのような質問を受けると、「ワークショップでうまく伝えられていなかったんだな」と反省させられる。失敗を恐れずトライするプロセスがデザイン思考でしょ？は半分正解だし、半分不正解だ。また、デザイン思考を使えばどんなときも何か秀逸なサービスが生まれるなんていうのは他力本願な勘違いである。 デザイン思考はあくまでユーザーを中心にした問題解決のための思考法であり、「使うもの（Tool)」というより「身につけるもの (Mindset/Skill)」であると私は考える。 デザイン思考を用
Webデザインの参考に！おすすめのギャラリーサイト・リンク集まとめ
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう！ ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
人はなぜ「分かりやすいデザイン」でも失敗するのか｜Tsutomu Sogitani
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Design notes
Goodpatch Blog グッドパッチブログ
日本マーケティング学会
Design Method Toolkit by the Digital Society School