＜続編＞Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程｜重松佑 / Shhh inc.

2023/06/01 5 users figma ワイヤーフレーム あれこれ 重松佑 フォント

この記事ではワイヤーフレームを作成するとき、FigmaやXDを開いて手を動かす前に、情報設計をどのように整理し、考えていくかについてまとめています。記事内で、Webサイトでワイヤーフレームを作成するときに注意したい点として、下記のように書きました。 ツールを立ち上げてアレコレと考えながら手を動かすとフォント... 続きを読む

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

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

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

情報設計をもっと身近に〜DCC勉強会を主催して得た学びとチームの変化〜 - 弁護士ドットコム株式会社 Creators’ blog

2022/08/26 11 users Creators’ blog チーム 変化

こんにちは。弁護士ドットコム本部デザイン部の細貝です。 少し前になりますが「DESIGNING CONNECTED CONTENT デジタルプロダクトの長期的な成長を支える構造化コンテンツ」の社内勉強会を有志で行いました。 とても良い本だったので、社内外への布教がてら勉強会の様子を紹介したいと思います。 勉強会のきっかけ 情報... 続きを読む

Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書

2021/10/22 6 users ブランディング 呼称 やりがい プライム市場 コアメンバー

企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。 そういえば、一部上場の呼称が来年から「プライム市場」に変更されますね。 今回はちょっと... 続きを読む

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

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

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

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

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

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

Webサイトにモーダルは必要か

2021/02/11 11 users モーダル 備忘録 きっかけ 経緯 定義

これは備忘録であり、閉じた空間で話したことをオープンにしたいと思って公開している記事です。文字起こしでありません。 経緯としては、僕がモーダルの不満をツイートしたのがキッカケで、情報設計の分野の大先輩の稲本さんに、とりあえず不満を聞いてもらいつつ、いっしょに意見を整理させてもらった。 定義 ここでい... 続きを読む

滋賀県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デザインをはじめとするレイアウトにおける視線誘導の事例についてご... 続きを読む

年末調整の情報設計 – Dropbox Paper

2019/06/19 18 users Dropbox Paper 年末調整

​​freee株式会社の伊原と申します。主に人事労務freeeという、勤怠管理・人事情報管理・給与計算といったバックオフィスの仕事をクラウド化するサービスのUXデザイナー兼プロダクトマネジャーとしてやっていってます。あとアクセシビリティの本を3冊ほど出していて、あだ名は「アクセシビリティで一発当て太郎」です。休... 続きを読む

UXデザイナーが集うイベントのUXデザイン - freee Developers Blog

2017/11/13 18 users UXデザイナー UXデザイン freee イベント ペルソナ

2017 - 11 - 13 UXデザイナーが集うイベントのUXデザイン こんにちは、 magi1125 こと伊原です。2017年10月に情報設計およびUXデザイン担当としてfreeeに入社しました。よろしくお願いします。 さて、このたび10月11日に開催されたイベント「 UX MILK Workstyle 09 feat. freee 」で企画に顔を出したり、登壇したり、ペルソナを作ったりという... 続きを読む

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 デザイナーは何を考... 続きを読む

ランサーズとプラップジャパン、「クラウドソーシングPR」を開始 - CNET Japan

2015/01/27 8 users ランサーズ ニュースリリース クラウドソーシング ターゲット

ランサーズとプラップジャパンは1月27日、クラウドソーシングによるニュースリリースの作成／配信業務を可能にする「クラウドソーシングPR」を開始したと発表した。料金は10万円。広報機能や人材が不足している中小企業をターゲットに据える。 ランサーズのクラウドソーシングプラットフォームと、プラップジャパンが培ってきた情報設計やメディアリレーションなどのPRノウハウを掛け合わせたサービス。ニュースリリース... 続きを読む

Dashboards by Keen IO·グラフを多用したBootstrap管理画面テンプレート MOONGIFT

2014/11/23 47 users Bootstrap MOONGIFT 見栄え 良いUI 設計

Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。 そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化を特に想定しているDashboards by Keen IOを紹介します。 D... 続きを読む

シングルカラムから始める情報設計 : 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ディレクターズマニュアル クライアントワーク 重要性

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