Mobile UI Design Patterns. Free E-book By UXPin
The Essential Guide to Mobile Design Patterns A Deeper Look At the Hottest Apps Today For designers, engineers, and everyone else who wants to design better mobile apps Sometimes, it is best to learn from what others are doing and apply those lessons to your challenges. Fortunately, there are a lot of examples to learn from. In this guide, we pick apart some of the hottest apps out there. We analy
RE: UXの本質について - UXploration
UI/UXという並列表記は基本的に信用しない。これは、長谷川さんと話していると良く話題に上がります。 ((c) The Gap between UI and UX Design - Know the Difference) UI/UXの並列表記問題 某中途採用の求人検索サイトで "UI/UX" と入力して検索してみたところ、900件以上の UI/UXデザイナーの求人が掲載されていました。職域や必要なスキルは実に様々で同一の枠を争っている様子があまり見られないことが特徴です。"UI/UX" という旬なキーワードを盛り込み、場合によってはすべてをお任せしたい、そんなミーハー感が漂っているようにも思えます。長谷川さんのブログでも「UXの本質」と題して言及されていますが、UI/UXという誤用の弊害のひとつに、課題意識を狭めてしまうことがあります。 ("UI/UX" の検索数はここ1年間で2倍に)
Flat UI Free - Framework and Bootstrap Theme Design
Flat UI Free – Framework and Bootstrap Theme Design FreebiesAndrian Valeanu • March 08, 2013 • 2 minutes READ Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars, slide
Webとは一味違うスマホアプリの動的UI設計は、「脱・ワイヤーフレーム思考」で【えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 アメリカのiPhoneアプリはなぜクー
1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった（気分を害す、イライラ）。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説（UIからUXが重要と言われようになった理由） この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ！」という流
「写真が語るUXとUIの違い」について思うこと。
及川卓也さんが「写真が語るUXとUIの違い」というブログ記事で、タイトルの通り「UX と UI の違いを示す写真」を紹介しています。 その写真を見て、僕は Facebook にこう書きました（5 月 3 日）。 この写真は「理解できていない人が理解するため」ではなくて「理解している人がクスッと笑うため」のものだと思う。一種のジョークというか。 むしろ理解してない人が見たら勘違いしそうな気がするな。 これから書くのは、この発言を自分なりに反芻して、もう少し具体的に掘り下げて考えてみた結果です。 写真について僕が感じたこと 「一種のジョーク」「理解してない人が見たら勘違いしそうな気がする」と僕が書いたのは、つまり「この写真じゃ UX と UI の違いなんて分かりっこない」だと感じたからです。 むしろ「勘違いしそう」なくらい、誤解を招く恐れのある「不完全なビジュアル表現」だと思った訳ですね。 ま
スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
25 Examples of Wireframes and Mockups Sketches | Inspirationfeed
Would you start building a website without blueprints? If you said yes, good luck with that. If you said no, then you are 100% right! Before building any website you have to have an idea of how things will function and look. It’s wise decision to do a rough sketch with a pencil for the future website. Usually planning could take a few days, and new ideas arise while you ponder. If new things popup
Portal Story – Delivering the Best News to you!
Alabama wide receivers have been a fixture in the first round in recent drafts, but one of this year’s prospects is believed to have suffered
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups
Creating wireframes and mock-ups is quite easy to do digitally these days. Applications are available everywhere, and there’s one for every style. While many prefer to do that part of the work digitally during the process, there are still quite a few designers who actually choose to do it the old-fashioned way using a Moleskine or other ways of drawing by hand. We all have our preferences and the
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ
iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプトWebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titanium
Showcase of Interesting Navigation Designs — Smashing Magazine
Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues. If page is long and provides different levels of navigation, will users be able to find their way thr
The Ultimate List of Style Guides and UI Guidelines - The UX Bookmark
If you are a graphic designer or an interaction designer and have ever been tasked with creating a style guide or UI guidelines document (both are different and I’ve had the pleasure to work on both of them creating templates and the actual documents for brands and products), this list should help you out as a consolidated list of references. This list is going to be constantly updated (and will u
インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT
Top 50 Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
最適なテキストリンクの色は？ | ウェブ力学
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
森田雄と深津貴之の UX 侍 初陣「全国タクシー配車アプリ」開発担当者とUXを語る | UXサムライ
jQueryUI Icons List / Cheatsheet
PatternApp.com is for sale | HugeDomains
