UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
無駄満載な現代のインターネットを最高に皮肉ったウェブサイト「How I Experience Web Today」
時の流れとともにテクノロジーは進歩し続けるため、何事も便利になっていくものだと考えてしまいますが、インターネット上のウェブサイトは時代と逆行して不便になり続けているという意見が存在します。「How I Experience Web Today」は現代のインターネットのあり方を自ら体現することによって、「いかに不便になったか」を実感できるウェブサイトです。 how-i-experience-web-today.com/ https://how-i-experience-web-today.com/ 「How I Experience Web Today」にアクセスすると、「I searched something(何か検索したところ)」というGoogle検索風の画面が表示されます。続くページを表示するには、「Then it shows me something(何か見せてくれるページ)」をク
サービス設計を依頼できるUXやUIデザインの制作会社 | UXデザイン会社Standardのブログ
新規事業の立ち上げやサービスの改善の際、社内の声だけでなく外部の専門的な意見を求めるために相談できるデザイン会社を探そうとしたことはありますか？ STANDARDでは、「新規事業のアイデアはあるけど具体性が見えない」「リリースしたサービスの数字が伸びない」のような悩みをお持ちの企業に対し、UXデザインやUIデザインのサービスをご提供しており、様々な業界の企業様からお話をいただくことが多いのですが、少人数の会社故、リソースの関係で辞退させていただくことが少なくありません。 そこで今回は、同様にサービスの受託制作を中心に活動されているデザイン会社の中で、個人的につながりのある信頼がおけるデザイン会社を11社ピックアップしてご紹介させていただきます。 1. 株式会社root http://ic-root.com/ 「デザインを通じて事業成長に貢献する」というミッションをもとに、グラフィックや造形
私の考えるプロダクトマネジメントとUXデザインの関係
2019/2/26 BIT VALLEY -INSIDE- Vol.6 @Leveragesでの登壇のスライドです。 発表の内容をnoteにしてますのでこちらもご参照ください。 https://note.com/taketetsu1982/n/n2e431592eade https://atnd.org/events/103410 BIT VALLEY -INSIDE- Vol.6 ハッシュタグは #bvinside 渋谷界隈にオフィスを構える企業による合同勉強会のコミュニティ、BIT VALLEY -INSIDE-。 参加はオープンなので渋谷以外の企業の方も参加いただけます。 第6回はレバレジーズ株式会社にて、マーケティング、ユーザエクスペリエンス（UX）、プロダクトマネージメントをキーワードに、領域におけるスペシャリストの方々にお話いただきます。 後半はライトニングトークスを行います。
触覚技術一覧
ここでは、触覚技術に関する研究やプロジェクトなどを順不同で一覧にしています。完全版は、Supporter専用コンテンツにて閲覧できます。 薄く柔軟なラテックスチューブ（厚さ0.1mm）で構成されたデバイスは、チューブ内に液体を流すことで指先へ触覚フィードバック（圧力、温度、振動）を提供します。リンク/記事 デバイス側ではなく、VR内の仮想オブジェクトをユーザに分からない程度に調整することで触覚を再現するUngrounded Haptic Retargeting技術を用いた研究です。リンク/記事 仮想オブジェクトを把握すると、空気圧で形状が変化し（膨らませ）触覚を生成するVR向け触覚フィードバックデバイスです。記事 低電力ブレーキベースのロックスライダーの作用を利用して、3本の指それぞれに抵抗を与えることでVR内のオブジェクトを再現する触覚デバイスです。リンク/記事 視覚障害者がVRでナビゲ
グレイスビジョン｜マニュアルコンサルティングのグレイステクノロジー
マニュアルコンサルティング 現状分析～マニュアル作成、管理体制の再構築まで、当社のノウハウで改革します。
MRで店舗がどう変わる？アリババが魅せた未来のショッピング体験 | Mogura VR - 国内外のVR/AR/MR最新情報
MRで店舗がどう変わる？アリババが魅せた未来のショッピング体験 中国のeコマース企業アリババ・グループは今年8月、ショッピングコンテンツ「Taobao Buy」を発表しました。マイクロソフトのMRデバイスHoloLensを使ってインタラクティブなショッピング体験ができる機能です。 このデモ体験が、先月中国・杭州で開催されたTaobao Maker’s Festivalにて公開されました。 MRを使ったショッピングでは、オンラインストアの製品を3DCGモデルにして現実に再現し、手元で確認が可能です。購入する前に、商品をあたかもそこにあるようにチェックできる仕組となっています。また商品の特徴や購入者の評価、レビューといった情報も、空間に浮いたデジタルディスプレイで表示されます。
米マジック・リープ社と協業しMR（複合現実）空間でデザイン・制作するシステムソリューションを開発（ワコム） | ニュース | CGWORLD.jp
2018/10/12 米マジック・リープ社と協業しMR（複合現実）空間でデザイン・制作するシステムソリューションを開発（ワコム） 株式会社ワコムは、米Magic Leap社（以下、マジック・リープ社）と空間コンピューティング（Spatial Computing）を活用したMR環境において、製品デザインや、コンテンツ制作を、複数人数で連携して行うことを可能にするシステムソリューション開発で協業することを発表した。これを受けて、マジック・リープ社が2018年10月9日～10日に米国ロサンゼルスで初開催したL.E.A.Pカンファレンス においてプロトタイプが公開された。 詳細はこちら。 ■概要 今回のプロトタイプでは、マジック・リープ社が開発した「スペースブリッジ（Spacebridge）」というアプリケーションを使い、同社のMagic Leap OneとワコムのIntuos Proを連携させ、
VR Inside - VR/AR/MRの未来を創るビジネス ニュース メディア
慶大とC作業場がインドの学校2校で体験学習型のVRプログラムを実施 VRVR教育プログラム株式会社C作業場慶應義塾大学日印研究ラボ 2023/10/28 18:00 VRニュースイッキ見！「埼玉県が常設型バーチャル空間『バーチャル埼玉』を11/14にオープン！」など注目記事を振り返り！！ メタバーステクノロジーVRバーチャルイベント 2023/10/28 13:00 REALITYに「バーチャルハロウィーンフェス2023 特設ワールド」オープン！ イベント先行事例REALITYREALITY XR cloud株式会社バーチャルハロウィーン2023バーチャルハロウィーンフェス2023 特設ワールドVRスマホVR 2023/10/27 18:00 KDDI「αU metaverse」にカラオケボックス登場！100曲が無料で歌い放題 αU metaverse株式会社カヤックアキバスタジオカラオケ
国内のUX専門家が集結した「UXify 2018 Japan」レポート【後編】
4月27日にUXのグローバルカンファレンス「UXify 2018 Japan」が開催されました。 前編に引き続き、行われた５セッションのうち、残りの２セッションの内容をお送りします。 4. UIと合意形成 ４つ目のセッションはインフラジスティックス・ジャパン株式会社の東氏。UI開発にフォーカスをあて、UIのとらえ方、また内外の合意形成における考え方について語ってくれました。 まず東氏は、「UI」を突き詰めて考えて行くことで、対象が明確になり、UIを通じて提供されるよりよい「UX」をしっかり考えられるようになる、と語りました。 チームの外側への合意形成 テーマである合意形成において、チームの内外に多くのステークホルダーが存在するものですが、それぞれのUIに関する理解や知見はバラバラです。 特に外部との合意形成においては、それが顕著であり、「総論賛成・各論反対」の状態に陥りがちなので、「誰が」
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
GoodUX
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
「物乞い」の行為をデザインする
Summary*English report here ストリート・ディベートは路上で問題提起をし、世論を硬貨で可視化する職業である。これは、路上での「ものごい」に代わる行為でもあり、尊厳を損なわずにお金を稼ぐことができる誰もが出来る方法である。 路上で暮らすことを余儀なくされた人々が、友好的な会話を通して社会へ対等な立場で再接続する最初のステップとなることを目指している。 ロンドンではストリート・ディベートで１時間に平均13.5ポンドを稼ぎ、12.5人を議論に巻き込むことが明らかになっている。 Why I started designing the act of beggingもしあなたが、ロンドンやパリといったヨーロッパの都市を訪れたなら、道端で「ものごい」を行なう人を見ることは、そう珍しいことではないだろう。
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
UXデザインをアプリ制作のワイヤーフレームとプロトタイプに取り入れるケーススタディ « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインのしたじき
Page not Found | Monstarlab
UX/UIデザイン - OHAKO | 企画～実装をご支援
