実例から考えるUIの情報設計｜usagimaru｜note

2022/12/24 207 users 混乱 usagimaru UIデザイン 分野 webデザイン

情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。 情報設計の専門書を漁... 続きを読む

デザインに活かせるフレームワーク20｜金 成奎｜note

2021/07/27 551 users フレームワーク 局面 アジャイル開発 デザイン note投稿

久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究する... 続きを読む

デジタル庁が大切にしたい、アクセシビリティとアカウンタビリティ｜デジタル庁（準備中）

2021/06/22 293 users アカウ 正司 HCD アクセシビリティ 内閣官房

こんにちは、内閣官房ＩＴ総合戦略室の大橋 正司と申します。 4月12日から内閣官房に非常勤で採用された民間人材のひとりです。普段は人間中心設計（HCD）や情報設計（IA）の仕事をしています。 最初のnoteへの皆様のご意見をひとつひとつ拝見しながら、何を書こうか迷っていたのですが、今日はアクセシビリティとアカウ... 続きを読む

滋賀県HPの不具合　複数の専門家が設計上の欠陥指摘（毎日新聞） - Yahoo!ニュース

2019/07/29 275 users 欠陥 毎日新聞 指摘 当初 欠陥指摘

3月末にリニューアルされた滋賀県のホームページ（HP）で不具合が多数発生した問題で、HPの設計（情報設計）に根本的な欠陥のある疑いがあることが、複数の専門家の指摘で分かった。県は緊急対策チームを設け「当初の不具合は改善できた」と説明するが、専門家は「このまま改善を進めても、問題は解消されないのでは」と... 続きを読む

ユーザーが自然と目を向ける、視線誘導を意識したUIデザイン | Goodpatch Blog

2019/07/02 58 users 視線誘導 UIデザイン Goodpatch Blog 錯視

Goodpatch Blogでは、人の錯視を考慮したUIデザインの手法「視覚調整」についてご紹介しました。 UIにも必要な錯視への考慮、デザイナーが行う視覚調整 本記事でご紹介する「視線誘導」とは、情報設計に用いられるデザイン手法の１つです。今回は、UIデザインをはじめとするレイアウトにおける視線誘導の事例についてご... 続きを読む

iOS ヒューマンインターフェースの原則 — Medium

2016/04/09 465 users medium ヒューマンインターフェース iOS 原則 部品

iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのよ... 続きを読む

iOS ヒューマンインターフェースの原則 - Qiita

2016/04/02 537 users Qiita ヒューマンインターフェース iOS 原則 部品

はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考... 続きを読む

シングルカラムから始める情報設計 : could

2014/07/23 186 users シングルカラム could コンテナ 複雑化 設計

コンテンツ シングルカラムから始める情報設計 シングルカラムは「とりあえず」を許さないので、厳格な情報設計が余儀なくされます。情報のコンテナを横に並べることは複雑化への第一歩になり、多デバイス対応も難しくなります。 横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかと... 続きを読む

これで完璧！Webサービスの情報設計をカンタンにする設計用テンプレート完全版 | Webディレクターズマニュアル

2014/01/27 513 users Webディレクターズマニュアル かんたん WEBサービス

はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えろださい。 さて、サイトを作って！とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座：設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開... 続きを読む

「AXIS Font」フォントの魅力 | ykazu.com

2013/12/13 83 users フォント AXIS Font ykazu.com 魅力 文章

Advent Calendar 2013 #LOVEFONT  に参加しました。 私からは Type Project の AXIS Font を紹介します。 「伝わりやすさ」を決めるフォント 私は Web やアプリのコンテンツを適切に配置しデザインする「情報設計」に関する仕事をしていますが、その中で「伝わりやすさ」の設計で重視しているものがあります。 精巧にライティングされた文章の最終的な印象を決... 続きを読む

万人向けのサイトなど存在しない！改善しやすいサービスを生む 情報設計の重要性 | Webディレクターズマニュアル

2013/05/06 85 users Webディレクターズマニュアル クライアントワーク 重要性

はいどーもこんにちは。最近妙に忙しくて、久しぶりの投稿なのに変な具合にテンション高めのナカムラです。 タイトルからいきなり叫んでますが、今回は先日参加した「ゼロからのディレクション講座:設計編」の内容で特に気になったポイントのピックアップ記事になります。 （主にクライアントワークにおける）要件定義⇒情報設計⇒仕様定義のフローに関するかなり詳細な講義で、なかなか見る機会の無いガチ見積りの作り方あり、... 続きを読む