ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
[webデザイン]ユーザーを思い通りに動かす為のインターフェースの種類5つ
webデザインと一口に言っても、ビジュアル的なデザイン、インターフェース的なデザインと色々な要素がありますよね。それらが合わさり、ユーザーにストレスなくサービスやサイトを使ってもらい、更に気に入られたり、コンバージョンにつなげられたりするわけです。 こうしたデザインには流行り廃りの様なものもありますが、大抵は何かの問題解決のために生み出されたものであり、本来そのデザイン手法の持つ性格や向いているシーンというものがあるはずです。 今回の記事ではそうした、webサイトのインターフェース等に用いられるユーザーを思い通りに動かすためのインターフェースを5つほど取り上げたいと思います。モノによっては、いくら流行っていてもあなたのサイトには適さないかもしれません。 サムネイル ― 好奇心をあおる サイトのトップページ、記事の一覧、関連するコンテンツのレコメンド。 https://jypg.net/st
![[webデザイン]ユーザーを思い通りに動かす為のインターフェースの種類5つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8ab77fe98f6d787a922490367535a50bd4a1390/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F04%2Fwebdesign-useful-interface-01-150x150.png)
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。 - すしぱくの楽しければいいのです。
公開日：2012年6月 7日 カテゴリ：新しいサービス twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス！ Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい！』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 -
インタフェースデザインやインタラクションデザインがなぜ重要か？ | インタラクションとデザイン
はじめに 人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに本質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言ってもいいほどだ。 この文章は、インタフェースやインタラクションだけにフォーカスし、その視点から、それがいかに重要であるかを記述する試みである。 *書いた後に思うことは、僕自身はインタフェースはコンピュータから外に向かっていて、コンピュータの中を操作すためのものじゃないこと。だからこんな発想になる。でもこれはユビキタスコンピューティングや実世界指向など一連の思想の流れの結果だとは思っ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
この動画は必見！とにかくデザインが秀逸なiPhoneアプリ「Clear」リリース、期間限定85円！
► 2024 ( 2 ) ► 11月 ( 1 ) ► 6月 ( 1 ) ► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
ロゴを作製する場合、気になるのは「目立つこと」。当たり前ではあるが、徹底的に他社の事例を調べてみることが重要だ。 エバーノートのロゴには象が描かれているが、これは「象は決して忘れることがない」という逸話から導かれたもの。“永遠”を大事にする社風と、ほかのIT企業が使っていないからという理由で象を採用することはすんなり決まったようだ。 しかし強く配慮する必要があるロゴがあった。米国の共和党のロゴだ（写真2）。印象が似てしまわないよう、デザインでは“星”を排除し、色を共和党ロゴが使っている赤と青とは違う色を採用することにした。ハイテク企業を調べてみると、緑を使っている企業が少なかったことから、最終的に緑色に落ち着いた（写真3）。 ほかに注意した点としては抽象度があったという。シンプルにするために、抽象度を高めたところ、「クジラに見える」という人もいた。結局、中間的なところに落ち着いたのだという
人と機械の新しい関係を作るUIを求めて---ユーザビリティテスト、実世界GUI、デザイン思考
ユーザーインタフェース（UI）をテーマにしたイベント「Android Usability Seminar 2012」（主催、日経BP ITpro Android Application Award 2012事務局）が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考（Design Thinking）」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在
家電のインターフェースが変わる？シリコンバレーのスタートアップが提案する”学ぶ”空調。
社会のアップデートのカギは「冒険」にある？「予期せぬ」を楽しむ遊びに学ぶ、企業活動のこれから｜PLAY for REGENERATION Vol.6 非営利メディアgreenz.jpの運営を支えてくれる 「greenz people」を募集しています→ シリコンバレーのスタートアップ企業が、革新的な空調デバイスを開発しました。ユーザーの行動から情報を収集して学習し、暖房と冷房のスケジュールを管理する「Nest Learning Thermostat」というデバイスです。 会社のファウンダーであるTony FadellとMatt Rogersは、iPodのデザイン・エンジニアリングにおいて陣頭指揮をとっていた人たち。二人は「アメリカ国内でのすべてのエネルギー消費のうち、10%に関係しているこのデバイスに、デザインとテクノロジーが活かされていなかったのは耐えられなかった」ため、このプロダクトを
最近、すごいと思った4つのインタラクティブコンテンツ
Tweet webの表現力ってどんどん洗練されていくなー、とニュースをみながら常々感じざるを得ないのですが、今回はそんなwebまわりの技術を活用し、これはやばい、と痺れたコンテンツを4つほどご紹介。 以下に紹介するような技術が今後、様々なところで見られていくのではないかと思います。 1. Nissan iAd iAd開始当初からのパートナーである日産によるiAd。 360度回転してみれたり、左へ右へ動かせたりとかなりリッチ。 iPhoneに搭載されているジャイロテクノロジー（gyro technology）を活用し、実現したのだとか。 2. Disney iPad App こちらはディズニーが発表したiPadアプリ。アプリ用に特別に作られた『カーズ』のフィギュアをiPadの画面上で動かすと、その挙動に応じてiPadの画面にも様々なアクションが発生するというもの。 3. screen-top
最も支持されるJavaScriptの表現方法とは？ 【スマホのインタラクションデザイン調査】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
【INFOBAR A01レビュー】話題の｢iida UI｣を紹介！ （動画あり）
【INFOBAR A01レビュー】話題の｢iida UI｣を紹介！ （動画あり）2011.06.23 17:00 今回はINFOBAR A01独自のUI｢iida UI｣についての紹介です。 INFOBAR A01は通常のウィジェット画面ともう一つには｢iida UI｣が搭載されております。高スペックだけあって動きは滑らか、サクサク動きます。まずは動画でどうぞ！ 自分流にカスタマイズが出来るのがこのUIの特徴です。アプリアイコンの調整も簡単。iida HOMEによりカテゴリ分けが自由に設定できるのも非常にうれしい機能。個人的に一番気に入っているのはアイコンの他にも自分の好きな写真をタイルに配置することが出来るところです。 タイルの移動は長押しでエディット画面に切り替わります。そこで好きな物を移動させてあげると移動完了、ウィジェットによっては小さく出来たり大きく出来たりできます。左にある矢印
Sony Japan｜Sony Design｜Activity｜Key Person Interview > Yasuo Kuroki
デザインのあらゆる可能性を開拓し続け、 新しい価値を創出する。 多様な価値観との共鳴を重ねるなかで、 それは新しい潮流となり「原型」へと結実していく。 私たちは、デザインのあらゆる可能性を開拓し続け、 世界中の人々とともに新しい価値を創出します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Develop
特許庁 標準技術集 カーナビゲーション装置のユーザーインターフェイス
TechCrunch | Startup and Technology News
Site Under Maintenance
