そのデザインシステムは投資対効果をもたらしますか？｜Kento Norita
2022年現在、ユーザーインタフェースのデザインやその開発について語る上で「デザインシステム」はどのような組織においても話題に上がるトピックではないでしょうか。 かく言う私もデザインシステムに強い関心を持っており、業務にてデザインシステムの構築・維持に取り組んでいる他、過去には私が魅力的だと思うデザインシステムを紹介するブログ記事を執筆しました。 0. デザインシステムの導入における障壁昨今はデザインシステムを構築した事例や構築の方法論の共有も盛んとなっており、その強い話題性が起因して新たなデザインシステムが続々と誕生しています。話題になっているから・便利だから・品質を上げてくれるから・ユーザー体験が向上するからなど、導入の理由は組織・プロダクトに応じて多岐に渡ると思います。 上記の理由に加え、デザインシステムを構築する前に立ち止まって考えたいポイントが「投資対効果」です。 プロダクトに応
動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
2024年8月31日で、動くWebサイトの一般公開が終了します！引き続き閲覧されたい方は書籍をご購入ください。動くWebデザインアイディア帳 / 動くWebデザインアイディア帳 - 実践編 News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2 グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4 グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び2022.10.195-1-7 「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取
UIデザインのための心理学：33の法則・原則（実例つき） | ベイジのUIラボ
ユーザーが「使いやすい」と感じるアプリケーションは、良いUIデザインで設計されているともいえます。良いUIデザインでは、ユーザーの認知負荷を下げる工夫がされています。認知負荷を下げる仕組みを知るには、心理学とUIデザインの密接な関係を理解することが重要です。 行動心理学や認知心理学の発展により、人間の感情や行動は、脳の仕組みに基づいて様々な法則に当てはめられることが分かってきました。UIデザインでも、心理学を活用したアプローチでより良いユーザー体験を生み出すことができます。特に業務システムのような複雑なアプリケーションでは、メニューや画面レイアウトなど幅広く活用できます。 今まで心理学はマーケティング領域で応用されることが多く、ウェブサイトやアプリケーションのUIデザインで語られることはそれほど多くありませんでした。そこで本記事では、人の様々な心理現象や認知の法則を、UIデザインに活用する
エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニアのカレンダー | Advent Calendar 2021 - Qiita
The Qiita Advent Calendar 2021 is supported by the following companies, organizations, and services.
結局、『不老不死』は実現できるのか。（後編） －「死」がもたらすメリットってなに？
テクノロジーとサステナビリティ 結局、『不老不死』は実現できるのか。（後編） －「死」がもたらすメリットってなに？ 2019年4月22日 不老については実現しつつあり、不死も少しずつできるようになっている…。では、不死が実現するとどうなるのか？そもそも死ぬってどういうこと？ 株式会社ジーンクエスト社長／株式会社ユーグレナ執行役員として遺伝子解析サービスをけん引する生命科学者の高橋祥子が 「不老不死の実現」に関して解説します。 （前回はこちら） 「死の仕組み」と生命の存続の関係 ―コワイ、イヤだという感じが強い「死」ですが、メリットもあると。 どんなメリットがあるのですか？ 高橋：メリットを具体的に挙げる前に、死が発生することはどういうことかを生物的に考えてみましょう。 生物の中の一つの個体が「死ぬ」ということは、生物の生態系として『死の仕組み』を持っているということです。 ―「死ぬ」という
ソシオメディア | デザインエントロピーの抑制
この記事は、2015年7月に開催した UX戦略フォーラム 2015 Summer における私の同タイトルの講演をもとにしています。またこの内容は ÉKRITS への寄稿記事「エントロピーとデザイン」の続編ともなっています。 デザイン・エントロピー デザインのプロセスにおいては、よくこんなことが起こります。サービスの企画段階ではとてもよいコンセプトだったのに、設計や製造の工程を経るうちに、技術的制約、コスト的制約、時間的制約、互換性や保守的な要求への対応、その他の様々な要因により、デザインが妥協案や折衷案にまみれていく。サービスの価値を決定づけている根幹がスポイルされて、気がつけば平凡でつまらないものができあがっている… このように、せっかくのアイデアが次第に骨抜きになってしまうのは、デザイナーにとってとても残念なことですが、これはある意味仕方のないことなのです。なぜなら、このような現象は宇
デザイン発注者が知っておくべきこと（1/5回）｜久下玄
デザイン発注者が知っておくべきことと題して全5回に分けて書きます。本記事は第一回。 デザイン発注に関する悩み多くのビジネスシーンでデザイナーという仕事の事業貢献が認められる時代になりました。 経営資源としてのデザインという考え方が浸透し、各社競うようにデザインへの投資を加速しています。 自社にデザイナーを抱える企業は、デザイナーの活躍の場を増やしていることでしょうし、自社にデザイナーを抱えていない企業は、社外のデザイン会社やフリーランスのデザイナーに協力を仰ぐことが多くなっていることと思います。 そこで数多くの企業、ビジネスパーソンに発生した悩みが「デザイン発注に関する悩み」です。私自身が依頼する側と依頼される側両方の経験があるのもあって、経営者や事業担当者の方からこの手の相談、コンサルティング依頼が増えてきました。 発注経験や知識の不足からデザイン発注が滞ったり悩む期間は、企業にとっての
知りたいけど聞きづらい、デザイン制作にまつわるお金の授業 | デザインコラム・ブログ | デザイン作成依頼はASOBOAD
デザインとお金 デザイン事務所や広告代理店って、値段がまちまちだけど、一体何が違うの？と思われる方は多いと思います。同業者である私も同じことを思います。 今回はデザインコンサルティング会社”Blind”のCEOであるChris Doによる、デザインの「お金」の話です。ここまでオープンにお金について言及する授業はとても新鮮でした。 21世紀の教育プラットフォームを標榜する”The Future“の動画を翻訳しています。※記事掲載は許諾を得ています。(Thank you The Future and Chris Do !!) デザイン制作料金の決め方 生徒：ロゴの料金設定と、その内訳を教えてください。クリエイティブディレクターの時給は？ クリス(以下C) : ロゴデザインをしている人はどれくらいいる？けっこういるね。では、ロゴの料金、時給などについて。君たちはロゴをいくらで作ってる？ 生徒：場
【神】Photoshopより、ずっとはやーい！Sketchの素晴らしさを動画で学びながら体験してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、カクシンのアートディレクターのまきこです。アイドル集団「ハロー！プロジェクト」では賛否両論の新体制がはじまりましたが、わたしは変わらず大好きです！ さて、みなさんは、 「Sketch」というデザインツール を使ったことがありますか？ 今回、オンライン動画学習サービス “Udemy” で人気の「Webやアプリの最新デザインツール Sketch3」という動画講座をPRするため、初めてSketchを使うことになったのです。しかし、SketchってWebデザインの現場だとちょっとマイナー。Photoshopと何が違うのかもよくわからない……。 だけど実際に使ってみると、作業がものすごーく早くなったし、 だったんですよ！ 実際に受講した動画講座の内容に沿って、その魅力を紹介しますね！ そもそも「Sketch」って？ Sketchは、アプリやWebサイトのUIデザインに特化したツール。ペー
目黒通りのワインショップ オルニス(ornis)
ワインをもっと身近に ワインの販売・試飲を行う「オルニスワインショップ」と、店舗向けのワインインポートを行っています。 また、アメリカ国内のワイン輸出を目的とした現地法人も設立。そのほか、一般向けにネット販売やUBEREATS、店舗向けの販売促進ツールご提案といったさまざまなご要望に応じています。 Learn More
最も創造性が高い思考のモードは、論理と直感の間にある
関西出身。バブル期に証券会社に就職。その後、米国での大学院留学、外資系企業勤務を経て2011年から文筆活動に専念。2005年開設の社会派ブログ「Chikirinの日記」は、日本有数のアクセスと読者数を誇る。シリーズ累計23万部のベストセラー『自分のアタマで考えよう』『マーケット感覚を身につけよう』（ダイヤモンド社）、『「自分メディア」はこう作る!』（文藝春秋）など著書多数。 マーケット感覚を身につけよう 超人気“社会派”ブロガー・ちきりんさんの２年ぶり完全書下ろし『マーケット感覚を身につけよう』が、発売開始１か月で７万部を突破する大ヒットとなっています。 この連載では、イラストによる出版記念講演会の特別レポートや、様々なゲストとの対談を通じて、「マーケット感覚」とは何なのか？ なぜ今、そこまで社会に求められているのか？ を解き明かしていきます。 バックナンバー一覧 『マーケット感覚を身につ
関根木材 - その土地で育った木は、その土地で使うのがきのきほん。創業昭和27年。メイドイン南会津の材木屋です。
南会津の木がスタンダード 木と生きる、自然を感じるくらし 関根木材は昭和27年創業 親子3代で南会津の木材を扱ってきた木のプロ集団です。 材木屋が提案するメイドイン南会津 『木と生きていく心地よい暮らし』をはじめませんか。
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
ウェブサービス開発の現場におけるデザイナー不要論と5〜10年後の生存戦略 - 情報建築家 石橋秀仁
本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作
街でも使っていいですか？ 小型アルパインパックをグレゴリーらしく昇華した新作 VERTE – geared【ギアード】
gearedの編集部員たち。各自各様のサブカルチャーを愛するが、比較的共通している趣味は音楽、ラーメン、東海林さだお。 本来はテクニカルな小型アルパインパックです。ですがこれ、街用に欲しいというユーザーもとても多いのではないでしょうか。一見、トラディショナルな1本締めの仕様とグレゴリーならではの技術と造形が融合した2014年秋冬の新作です。 根拠になる数字がある わけではないのですが、このところアルパインパックのルックスが、街でも注目されている気がします。シンプルなボディに、雨蓋、1本締めベルト、デイジーチェーン、ギアループという記号的なパーツが最小限に配置される、という洗練された様式＝フォーマットがあるところが魅力なのではないかと思うのですが、どうでしょうか。フォーマットがあることで、その中で各ブランドがいかに個性を出すかを求められていて、デザイン的なレベルも高くなるのではないかと。
iOS 7アプリを開発するのに必携のワイヤーフレーム·iOS 7 Wireframe Kit MOONGIFT
iOS 7 Wireframe KitはCreative Commonsのオープンソース・ソフトウェアです。 iOS 7の正式リリースは間もなくと思われますが、既に新しいアプリ開発においてはiOS 7のUIを模して行われていると思われます。そんな中で必要なのがUIを決める素材集です。今回はIllustratorベースのiOS 7 Wireframe Kitを紹介します。 こちらがファイル一覧。Illustrator、PDF、PNG、Omni Graffle、Sketch用のファイルとなっています。 その内容。iOS 7らしい雰囲気のコンポーネントが多数作成されています。 こちらはIllustrator版。 iOS 7 Wireframe Kitではデフォルトのオブジェクトをデザインしていますので、そういったパーツを組み合わせて作るアプリに対しては有効ではないでしょうか。細かくカスタマイズす
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
invisi
WearUI.co
ポケモンの初代１５１匹をモンスターハンターのアイコン風にしたファンアート - ポケモンメモ