思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町
デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円（定期コース） 6,980円（単品購入） 有効成分 パラフェノールスルホン酸亜鉛、イ
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
UIデザインが素晴らしい35のウェブスタートアップ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最
ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス
Androidアプリ専門のUIギャラリー・Android App Patterns
Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。 AndroidアプリのUIギャラリーです、パーツごとにカテゴリ分けされています。 Androidアプリのパーツ別ギャラリー。メニューとかリスト、ログインページ、プロフィールページなど様々なカテゴリに分けられています。 サインアップページのインターフェースなどなど。 タッチデバイスを取り入れたスマートフォンアプリにとってUX向上はユーザー獲得のための重要なファクターとなり得ますのでこうしたギャラリーからインスピレーションを高めたり、実際に触れるのは必要不可欠ですね。 今後も数が増えてくれると素敵な感じになりそうです。以下よりどうぞ。 Android App Patte
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
ニコニコ超デザイン-Metro考察編-
2. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-‐‑‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-‐‑‒12761898 3. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-‐‑‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-‐‑‒12761898 → 4/25 WDD 実況チェック / NicoNicoMetro 社内レビュー 4. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.sli
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
ユーザーインタフェースを考える | IT Leaders
2012/04/05 08:00 仕事を“堪能する”操作体系 スマートフォンやタブレット端末の直感的な操作感を知った利用者は、企業システムの理不尽な使いにくさに気づき始めた。「そのうち慣れる」？ 事業の展開スピードが競争力に直結する今、そんな悠長なことは言っていられない。今からでも遅くない。企業システムを「UX（ユーザーエクスペリエンス）」という視点で見直し、その改善を急ぐべきだ。 ［力竹 尚子／折川 忠弘］ 総論〜UI再考の意義 PART 1 次世代UI構築メソッド PART 3（4月10日公開予定） UX重視で変わる開発プロセス PART 4（4月17日公開予定） HTML5を理解する PART 5（4月17日公開予定） RIA技術の最新動向 PART 6（4月24日公開予定）
話題のアプリ『Clear』のUIを独自実装してみた！(+Gumroad)
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきます。 このエントリーの最後に、Clearと同じくなにかと話題のGumroadでテストアプリを公開していますので欲しい方は是非！ (※ 更新：内容が古くなったため公開は終了しました) では、まず目次をば。 。。と、その前に前のエントリーで書きそびれてしまった事があったので。 ようこそタッチフリーの時代へ！画面に触れずに本が読める、MagicReaderを発表！ – STUDIO LOUPE こちら、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Bootstrap has moved!
レトロなデザインが素敵なスマートフォン・ウェブサイトのUIのまとめ
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
layer8.sh
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
企画が考えるスマホUIデザイン
