ノンデザイナーこそ押さえておきたい! 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
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）。 ほかに注意した点としては抽象度があったという。シンプルにするために、抽象度を高めたところ、「クジラに見える」という人もいた。結局、中間的なところに落ち着いたのだという
家電のインターフェースが変わる？シリコンバレーのスタートアップが提案する”学ぶ”空調。
社会のアップデートのカギは「冒険」にある？「予期せぬ」を楽しむ遊びに学ぶ、企業活動のこれから｜PLAY for REGENERATION Vol.6 非営利メディアgreenz.jpの運営を支えてくれる 「greenz people」を募集しています→ シリコンバレーのスタートアップ企業が、革新的な空調デバイスを開発しました。ユーザーの行動から情報を収集して学習し、暖房と冷房のスケジュールを管理する「Nest Learning Thermostat」というデバイスです。 会社のファウンダーであるTony FadellとMatt Rogersは、iPodのデザイン・エンジニアリングにおいて陣頭指揮をとっていた人たち。二人は「アメリカ国内でのすべてのエネルギー消費のうち、10%に関係しているこのデバイスに、デザインとテクノロジーが活かされていなかったのは耐えられなかった」ため、このプロダクトを
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
デザイナに知っていて欲しい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によりカテゴリ分けが自由に設定できるのも非常にうれしい機能。個人的に一番気に入っているのはアイコンの他にも自分の好きな写真をタイルに配置することが出来るところです。 タイルの移動は長押しでエディット画面に切り替わります。そこで好きな物を移動させてあげると移動完了、ウィジェットによっては小さく出来たり大きく出来たりできます。左にある矢印
『マイノリティ・リポート』風のマルチタッチ操作を行う新たなKinectハック動画 | Game*Spark - 国内・海外ゲーム情報サイト
Kinectが早くもハッキングされたとのニュースが国内外で広まっていますが、SF映画『マイノリティ・リポート』風のインターフェース操作を行う新たなハック動画が登場しました。 見つかった動画は、ユーザーが両手を使った操作で複数のイメージを移動・回転・拡大・縮小するという、Kinectでマルチタッチインターフェースが可能であることを証明したデモンストレーション的な内容。これは、ハッカーによってオープンソース化されていたKinectのデバイス用ドライバーを、Munich University of Applied Sciences(ミュンヘン応用科学大学)のFlorian Echtler教授がさらに改良を加えたものとのこと。 今後、この技術がさらに手を加えられたり、新たな方面で応用される可能性もありそう。しかしMicrosoftはKinectがハックされたという先日の報道を否定しており、出回って
マイクロソフト、身ぶりによるコントロール技術を手がけるCanestaを買収へ
Microsoftが、身ぶりでデバイスを操作できるようにする技術を手がけるCanestaを買収することが、米国時間10月29日に明らかになった。 買収の金銭的詳細は公表されていないが、Canestaの最高経営責任者（CEO）であるJim Spare氏が声明の中で述べているように、「今後10年間に、あらゆるデバイスでナチュラルユーザーインターフェース（NUI）による入力が一般的になることに疑問の余地はほとんどない」ことを、Microsoftによる今回の買収は示唆している。「エンタープライズから消費者向け製品まで広範な領域をカバーするMicrosoftの、市場での存在感とUNIへの積極的な取り組みがあれば、われわれの技術を最大限に開花させる多くのアプリケーションにこの技術が幅広く採用されることを確信している」と、Spare氏は語っている。 Canestaは、ノートPC、ゲーム機、テレビの前に人
Twitterがウェブサイトを刷新--2ペインでツイートの詳細を閲覧可能に
Twitterは米国時間9月14日、Twitter.comの刷新を発表した。同社は、より簡単で、より早く、さらにリッチなユーザー経験を提供するという。 デザインが一新されて画面が2ペインになったほか、写真やビデオなどの外部コンテンツをTwitter上で埋め込み可能になりメディア機能が強化されている。また、関連コンテンツやミニプロフィールの表示方法も新しくなっている。 同社は、これらの変更をプレビューとして数週間にわたり対象ユーザー範囲を拡大しながら公開するとしている。対象ユーザーは、プレビュー期間中において新旧の両バージョンのTwitterを利用することができると説明している。 新しいデザインでは、左側にタイムラインが表示され、@関連、リツイート、検索、リストなども展開することが可能になっている、右側では最近フォローしたユーザー、最近フォローされたユーザー、お気に入り、トレンドなどが表示さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イケハヤ公式サイト | Web3・AI・投資・ビジネスの最新情報
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
Kinectで実現される未来・・・ | IDEA*IDEA
ATOK for Androidの早打ち（フラワータッチ）
特許庁 標準技術集 カーナビゲーション装置のユーザーインターフェイス
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News