『はじめよう！ 要件定義』（とそのシリーズ）を読んで、はじめよう！UIデザイン｜金 成奎
『はじめよう！ 要件定義 ～ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの？とお悩みの方に対して、まずはこれだけやっておくべき基礎知識を得ることができる、とてもわかりやすい内容になっています。 そしてそして、ここからが本noteの主な趣旨ですが、この3部作はデザイナー目線で読み解くと、極めて明瞭で本質的で実践的な、ユーザー体験設計とUI設計の進め方について学べるデザイン教則本と言えるのです。 以下、その理由と、本シリーズを使ってUIデザインを進めていく方法を実例を踏まえて解説していきます。 要件定義とはUI・機能・データを決めることいきなり『はじめよう！ 要件定義 』のキモ・コンセ
日本でDXが進まないのは日本人の労働者は「低賃金＋マルチタスク」で働いてしまうからDXするモチベーションが生まれにくいからではないか
とりかわ𓅪 @yukky115 アメリカの丸亀製麺から考える日本でDXが進まない本当の理由 アメリカ マルチタスクしない単純労働契約者で職場が構成→DX化しやすいししないと人件費で詰む 日本 低賃金＋マルチタスクしまくり労働者の職場はDX化しにくく人件費安いから人がやり続ける ものすごい記事だ blog.btrax.com/jp/japan-dx-ch… 2023-02-01 21:33:23 リンク アメリカの丸亀製麺から考える日本でDXが進まない本当の理由 デザイン会社 ビートラックス: ブログ アメリカの丸亀製麺から考える日本でDXが進まない本当の理由 デザイン会社 ビートラックス: ブログ アメリカで大人気の丸亀製麺のオペレーションに感じた日本との違いから考える、アメリカと日本それぞれにおける「DX」に対する根本的なマインドセットについて独自解説。その根底には、人的コストや賃金に
暴走族の車両デザインの源流を説明する（1/2）
初日の出暴走、通称グラチャンの季節だ。 そこで暴走族の車バイク、通称族車のトンチキなデザインがどっから来てるかを説明しようと思う。 増田は暴走族やヤンキーじゃないがはてなー平均よりはヤンキー文化に近いってくらいだ。 それじゃあ行くぜそこんとこ夜露死苦。 族車デザインは過去の「スピードへの憧れ」の形の寄せ集めまずは「google:image:族車」で画像検索してくれ。 さて全然速く走る事に頓着が無いというか速く走れない族車デザインだが、元はレースカーや街道レーサーの特徴をコピーしていた。 だがそれらの文脈を考えずに合体され、更に右翼ファッションの流入によってスピードの文脈が無くなって形だけが意味を持つようになった。 でもファッションというのはみんなそうであってWWIの塹壕戦防寒軍服がビジネスシーンでの正装になったり、ゴールドラッシュの作業着が反抗の象徴になってカジュアルで定着したり、警官の防
イーロン・マスクのロケット製造５つのステップがサイコーだった
イーロン・マスクが YouTube チャネルでスペース X のテキサス工場スターベースの中を歩き回りながらロケット製造や電気自動車について説明しているのを観た。ツイートしたこの件。 これがめちゃくちゃに示唆に富んでいて面白かった。この日のイーロン・マスクは饒舌で楽しそうなので、かなり魅入ってしまった。きっと彼はカンファレンスや会議室の中でインタビューを受けるよりも、工場でみんながロケット作ったり作業している場で語った方が情熱を込めていろいろ説明してくれるんだと思う。 この中で製造工程の話があって、これはロケット製造などの特定分野だけでなく、IT やその他の分野にでも当てはまる普遍的な知見だと思ったので意訳してみた。ざっとビデオを観て印象に残った部分だけを意訳した。あくまで大枠で言ってることをまとめただけなので、もし詳細に興味があればぜひビデオを観てイーロン・マスクの話を直接聞いて確認してく
商用利用無料！さまざまなUIデザインに適した、SVG完備の美しく精密なアイコン素材 -SWM Icon Pack
企業サイト、オンラインショップ、アプリ、ブログ、プレゼンなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるSWM Icon Packを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。また、スタイルは3種類（アウトライン・ブロークン・デュオトーン）で、美しく精密にデザインされたアイコンです。 Freebie SWM Icon Pack アイコンの特徴 アイコンのダウンロード ダウンロードできるアイコンの種類 アイコンの特徴 SWM Icon Packは、WebサイトやスマホアプリのUIに使用されるSVGアイコンのセットです。アイコンは24pxのグリッドに基づいたピクセルパーフェクトで、ベクターで作成されています。 Freebie SWM Icon Pack アイコンは8つのカテゴリに、全296種類。
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。
UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto
UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 １、進めそう感 ２、戻れそう感 ３、進めそう＆戻れそう感 ４、開きそう感（ドロップダウン） ５、開きそう感（アコーディオン） ６、開きそう感（モーダル１） ７、開きそう感（モーダル２） ８、カレンダーが開きそう感 ９、メニューが開きそう感（ハンバーガー） １０、検索できそう感 １１、入力できそう感 １２、検索できそう ＋ 入力できそう感 １３、パスワード入力できそう感 １４、パスワード感（強め） １５、間違えた感（エラー） １６、合ってる感（OK） １７、電話かかる感
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
聴衆を惹きつけ納得させるプレゼンテーションを作る5つの方法 - Literally
プレゼンテーションはいくつかのポイントを押さえれば、大幅に分かりやすく、説得力があり、オーディエンスの心を掴むものになる。今回はパワーポイント等でのプレゼン資料の作り方のポイントを５つに分けて紹介する。 1. 作り出す前に構成をざっくりと考える 聴く人の腹に落ちるプレゼンテーションをしたければ、まず構成を練ろう。行き当たりばったりで、思い付いたことをスライドにまとめると、最も伝えたいメッセージが薄れてしまったり、論理構造が狂ってしまう可能性があるからだ。一方で、実際に手を動かしてスライドを作っていく中で良い表現は浮かんでくるのも事実。 そこで最低限、あらかじめ次の2つをざっくり書き出すようにする。 最も主張したいメッセージ (結論） プレゼンのどこかしらに盛り込みたいこと 次に、書き出されたものを見ながら、どうやって(1)結論までのストーリーを作るか考える。以下に、そのストーリーの代表的な
南米ウルグアイに円状の橋が登場 その理由が素敵だった
橋の名前は「ラグナ・ガルソン橋」。設計したのはニューヨークを拠点に活動するウルグアイ人建築家、ラファエル・ヴィニオリ氏だ。日本では、東京国際フォーラムのデザインを手がけた人物としても知られている。
ネット印刷で名刺印刷を失敗しない！完全データ入稿するための6つのルール | 知らないと損をするネット印刷の話
・・・というわけで、みなさん、はじめまして。 印刷通販会社の西の王国「キングプリンターズ」に勤める赤松と申します。 私は自他共に認める「印刷の達人」であります。 私は以前からどうしても「名刺を美しく印刷するための方法」に関する記事を書きたいと思い続けていました。 名刺の印刷にこだわるということは、例えるなら、靴を磨くのと同じようなこと。 できるビジネスマンはみんな靴を大事にします。 たとえ安物の靴でも、毎日外出する前に磨いておけば、足元を見る相手への印象はよいものへと変わります。 名刺の印刷にこだわることはそれと同じです。 今、ネット印刷通販会社が増え続けています。 しかし、便利な世の中になっている一方で、名刺の印刷に失敗する人が増えていることをご存じでしょうか？ それは、名刺の印刷が成功するかどうかは印刷データを作る側の知識に委ねられており、正しい印刷の知識をもった方がすごく少ないからな
chappie | groovisions
チャッピーとは chappie(チャッピー）とは、1994年にデザインスタジオgroovisions（グルーヴィジョンズ）が製作した、人型のグラフィックデザイン／システムです。 チャッピーには、直立で正面を向き、顔のパーツ等を一定にするなどの基本的なルールが設定されていますが、特定の年齢や性別、国籍は設定されていません。そのため、髪型や服装、肌や目の色を変えることで、チャッピーは世界中の誰にでもなることができます。パソコンの中で生まれたチャッピーは、1997年にはマネキン型が作られ、その後1999年には、ソニーミュージック・エンタテインメントより歌手としてCDデビューを果たし、シングル3枚、アルバム1枚を発表しました。現在でも、企業や学校のイメージキャラクターを務めたりと様々な分野で活動しています。
世界が感嘆したニッポンの「ひとりメーカー」。Bsize八木啓太さんのモノ作り魂を聞く | ライフハッカー・ジャパン
"ひとりメーカー"として多くの経済新聞から取材をされている八木さんが、モノを作るときに大切にしていることは何なのでしょうか。まずは"核"となる部分から聞いてみました。 八木：生活の中での不満を日本人は我慢しちゃう傾向があるので、そこを我慢せずにちゃんと汲み取ってストックするようにケアしているんです。生活の中で不満に感じることを大切にして、気づいたらEvernoteにメモします。自社のプロダクトを構想する際にそれらのメモを役立てています。 例えば、スマホの充電器ってコードを差すのが面倒くさいし、表と裏を間違えると差せないじゃないですか。その点について不満に感じたのであれば、ちゃんとメモしておくんです。そのようにして生まれた製品が、ワイヤレス充電器の『REST』です。人間は無意識のうちに不便さにも順応してしまうため、日常の中で感じる不満に気づくことは案外難しいことだと思っているんですよ。だから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
機能・特長を比較する｜Nintendo Switch｜任天堂
LOGO MOTION
世界標準のＥｘｃｅｌ表 プロはこう作る：日本経済新聞
