The Most Hated UI & UX Pattern of 2018
Let’s play a game. I will present you with five UI/UX design patterns, in the most horrific way possible. You carefully consider my arguments, and then pick the pattern you hate the most. Shall we? Disclaimer: There won’t be any dark UX patterns in this post, like a fake hair on the screen or a non-working unsubscribe button. I think those are in a league of their own and deserve a standalone arti
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに | gamebiz
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏（写真）が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラ
InstagramやAirbnbなどのUIデザインに見る新しいトレンド
ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか？ 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注：Complexionは「顔色」「血色」という意味で、Reducti
Adobe初のUXデザインツール「Adobe XD」を使ってみた
この春から六本木で働き始める駆け出しデザイナーです！ MAMORIOという落とし物追跡タグのUI/UXデザインをやっています。 先日、ついに「Adobe Experience Design CC (Preview)」（以下、Adobe XD）が公開されました。 以前からAdobe初の”UXデザイン”に特化したアプリケーションとして話題になっていた「Adobe XD」ですが、一体何ができるのでしょうか？ 実際に使ってみながらご紹介します。 デザインとプロトタイピングの行き来ができる デザインソフト「Sketch」や、プロトタイピングツール「POP」「Prott」など、UXデザインをするためのツールはたくさんあります。「Adobe XD」の一番の特徴は、「Sketch」などが行っていた”デザイン”のプロセスと、それに遷移をつけて動くモックアップにする”プロトタイピング”のプロセスを、１つのアプ
Quick Start for Adobe XD |
Get Started Download, find membership help, and learn the basics.
Material design
Design is the art of considered creation. Our goal is to satisfy the diverse spectrum of human needs. As those needs evolve, so too must our designs, practices, and philosophies. We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. A material metaphor is the unifying
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです， 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っています
『今さら聞けないUXの基本と活用のしかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。CyberSS所属の水野 寛と申します。普段はディレクター/HCD専門家として、Webサイトの分析や改善を担当しています。 Webサイトやアプリ制作の現場では、UXを向上させるにはどうすればよいか、試行錯誤が求められます。しかし、そのUXについて、いまいち捉え方がわからないと感じられている方が多いのではないでしょうか。 UXとは何か」について、ご説明させていただきます。さらに、今すぐ制作に活かせる考え方として「UXをデザインするためのポイント」「UXを検証するための視点」について、事例を交えてご紹介いたします。 1.UXとは何か 国際規
情報がないことを伝えるUIデザイン | UXデザイン会社Standardのブログ
「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
facebookの"Building Paper"はすべてのiOSエンジニアが見るべき
huin Job : Software Engineer(iOS, Android) Use : Objective-C, Swift, Java Like : Gadget, Apple, Photography, Art, Design, UI, UX More posts by huin. 日本のAppStoreでは未だ公開されていないfacebookの「Paper」ですが、 そのUIは実験的ながらも非常に高い完成度で個人的にはすごく好きなアプリです。 良いアプリがあれば "どうやって作っているのか" が気になるのがイチiOSエンジニアの性なんですが、facebook自体がPaperの裏側について説明した動画をしていて、非常に良い内容だったので紹介します。 なんのイベントなのかはよくわかってないのですが、 公開日は4/18なので比較的最近だと思います。 当然英語なので理解は浅いのです
世界最高の授業。IDEOに学ぶ「デザイン思考」の真髄──2014.3.7 Night School | ライフハッカー・ジャパン
ライフハッカーのナイトスクール開講。IDEOのデザインシンキングを学ぶ。 優れたデザインとは、グラフィックや造形だけでなく、世の中の問題点や課題を明確にして、解決策を導きだすこと。ある意味では医者やコンサルの仕事にも近いのだと思います。近年、そのアプローチは「デザインシンキング（思考）」と呼ばれています。グラフィックデザイナーやクリエイティブディレクターが広告や雑誌にとどまらず幅広い分野で活躍できるのはそのスキルで社会を豊かにできるから。アップル社の初期マウスやPalmをはじめ、数々の世界的企業との仕事で知られる、デザインコンサルティングファーム IDEO（アイデオ） 。彼らが世界的に活躍しているのもデザインが社会に与える影響力の強さを物語っているのではないでしょうか。 『ライフハッカー［日本版］』が主催するナイトスクールは、いまの世の中のキーパーソンに登場いただき、その仕事術を共有する学
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rapid Prototyping Made Easy with Origami Studio | By Meta for Developers | Facebook
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
スマホサービスにおける、UIデザインのノウハウと実例
心地よいUIの温度 - 言葉と気遣いで高めるUI -
Material Design
SpriteBuilder Tutorial.
The Qt Project
UXのためのUIデザイン
