Bootflat - フラットUIで格好いいBootstrapテーマ！ MOONGIFT
創造意欲がかき立てられますよ！ Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。 今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット＝角張っているというイメージも壊してくれる素敵なテーマです。 Bootflatのスクリーンショット 今回はスクリーンショット多めで紹介します。 基本カラー。パステル系ではっきりとしていますね。 まずはボタンとボタングループ。 ボタン＋ドロップダウン、ラベル、バッジ、ツールチップなど。 ドロップダウンはもちろん階層対応です。 フォーム。 フォームの横にドロップダウンを付けることもできます。何かと応用できそうですね。 アラート。 タブ。4辺全てに対応しています。 ナビゲーションバー。 パン屑、通知、プログレスバー
2014年11月第4週号 1位は、バーガーアイコンの問題点と使用する際の注意点、気になるネタは、Apple、無料アプリの表示を「入手」に | gihyo.jp
週刊Webテク通信 2014年11月第4週号1位は、バーガーアイコンの問題点と使用する際の注意点、気になるネタは、Apple、無料アプリの表示を「入手」に ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年11月17日～23日の間に見つけた記事のベスト5です。 1. Much Ado About Hamburger Icons -Telerik Developer Networkhttp://developer.telerik.com/featured/much-ado-hamburger-icons/ ハンバーガーアイコンの問題点と使用する際に気をつけることをまとめた記事です。ハンバーガーアイコンをタップするとメニューが開閉するUIについては、これまでも問題点が指摘されていました。
3万円でユーザビリティーテストルームをつくる - Blog.おにぎりたまごうぃんなー
ユーザビリティーテストの設計から実施までの仕事を受ける機会があり、テストルームの準備も行いました。 テストルームを借りるという選択肢もあったのだけれど、今回はデメリットのほうが大きかったので、自前で一番安くあげるテストルームを設計してみました。 都内でユーザビリティーテストができるスタジオを借りるとなると1日10万円前後くらいになると思うので、3万円で1回社内にテスト環境作っておいとくと、選択肢が増えて楽だと思う。 ( ※この記事はクライアントさんの了承を得て書いています ) ユーザビリティーテストを実施するにあたって必要な要素 接続概要図 部屋(テストルームと観察ルーム) それぞれ個室である必要はないが、テストルームは被験者の集中力を見出さないためになるだけ個室であったほうがよいと思う。 観察ルームである程度大声で話してもテストルームに声が届かない距離、仕切りは絶対にあったほうがいい。テ
Android Pattern Cookbook で見るトレンドの変遷
6. 目次 1章 : Structure - アプリの構成と階層 2章 : Branding - オリジナリティを出す 3章 : Helps - ユーザーを導く 4章 : ViewPager - 画面切り替えの定番 5章 : Support Tablet - 柔軟性のあるレイアウト 6章 : CustomView - 思い通りのレイアウト 7章 : Advanced - 1つ上のカスタマイズ
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
キッチンからUXデザインを考える―体験して、追体験して、デザインしよう
キッチンからUXデザインを考える―体験して、追体験して、デザインしよう UI改善をユーザ体験をベースにして行う、ことをクックパッドのUI改善案という例を交えて説明してみました。また、そのユーザ体験も想像するのではなく、自身で体験してみるというのも場合によってはひとつの手かもしれません。 time2012/08/05 hatenabookmark- 会社のLTの場で何か話そうと思って作ったんですけど、書いてるうちに明らかにLTの分量じゃなくなってきたのでこちらで公開しておきます。 ウェブサイトのUI改善にあたって、そのサイトで解決すべき問題をユーザ体験から発想・定義すると良いと思っていますが、それは具体的にどういうことかということを、趣味のお菓子作りでの体験を例にして説明してみようと思いました。 途中で出しているクックパッドの改善デザイン案の全体については、以下よりご確認下さい。 このスライ
スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
ヒートマップテストで判明した19点の超重要データ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 先日、アイトラッキングに関する記事を配信した所、予想以上の人気がありました。アイトラッキング以上に簡単に実施できるのが、マウスの導線を追うヒートマップテスト。様々なASPサービスも提供されており、低価格で導入できますよね。今回の記事では、数多くの公開事例や調査を通してヒートマップテストで会得した19のデータを紹介します。 — SEO Japan ヒートマップは、ビジターの行動を分析する上で大いに役立つ。その他のメソッドでは得られない見解を導き出し、その結果、コンバージョン率を大幅に引き上げることが出来る可能性がある。 ヒートマップは、マウストラッキングとアイトラッキングの2つに分類される。大多数
[商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』
あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。 サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語（buttonとかsearch formとか）ですし、 ライセンス表記もぱっと見て分かるところ（サイドバー最上部）にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ！ もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは
![[商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』](https://cdn-ak-scissors.b.st-hatena.com/image/square/993bc9cefa19f98c78d4c063c1a5117651643204/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2FUICloud.png)
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
iPhone用日付選択UIライブラリ、UICCalendarPickerを作りました。 - 24/7 twenty-four seven
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android