ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
Accessible Mega Menu
1. Perceivable Information and user interface components must be presentable to users in ways they can perceive. 1.1 Text Alternatives Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. 1.1.1 Non-text Content 1.2 Time-based Media Provide alternatives for time-based media. 1.2.
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
Google
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
Pull Out Content Panel with jQuery | Codrops
In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded […] In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll t
Improve Your CSS Skills With Pure CSS UI Components | W3Avenue
CSS is simple and its very useful. But you will find it even more powerful, if you go beyond its simple use and challenge yourself to do something extra ordinary. JavaScript developers have been doing it for while by dynamically playing with CSS classes, selectors and properties to produce awesome widgets and controls. With increased awareness about some crazy features, CSS3 has in store for us; m
ワイヤーフレームと完成サイトの比較 - ワイヤーフレームコミュニケーション研究会
前回に引き続き、ワイヤーフレームと完成サイトの比較みたいな記事をピックアップしてみます。 LEVEL STUDIOSという代理店で働く傍ら、個人事業主としてUXコンサルタントをしているAlexis氏のサイトにも制作したサイトとのワイヤーフレームが対で掲載されています。 Alexis Antonelli | User Experience Consulting | Activision.com 他にも Acura Fandango ShopNBC Honda のプロジェクトの簡単な説明とワイヤーフレームなどがあります。 こういったワイヤーフレームもポートフォリオに掲載しているケースはあまりないので、もっと出てくるといいのになあと思いました。 掲載されているワイヤーフレームは、合番と共に詳細なコメントもついており、こういった補足説明のつけかたによっては混乱のないワイヤーフレームが実現できそうで
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
IBM Lotus User Interface Developer Documentation - Home
This documentation was created as part of a Lotus® initiative to remove arbitrary differences in our product user interfaces. It describes the CSS and HTML markup structure used in many Lotus® products. Use the information in this documentation to help you customize Lotus® products for deployment in your enterprise or to help you build componentry that seamlessly integrates with Lotus® products. Q
50 Useful New jQuery Techniques and Tutorials — Smashing Magazine
The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page
デザイナーのWEBポートフォリオをGoogleマップで作ったもの５選
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEBポートフォリオをGoogleマップで作った事例５つそれぞれ画像をクリックするとポートフォリオが開きます。 Academie Arnhem Portfolio Map ↑GoogleマップのUIに様々な作品をメニュー付きで表示。 Design With An Accent ↑キーボードショートカットが印象的なポートフォリオ。 Markus Dressen ↑ブックデザイナーによる、Googleマップとのマッシュアップ ポートフォリオ。 Blaubo Design ↑かなり有名なものですが、これが一番現実的かつ分かりやすいかも。 Kalle Hagman ↑シンプルに一枚の画像を表示しているだけですが、それでも拡大縮小が楽に行えるのは便利。 直感的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.simform.com/mobile-patterns/simform.com/mobile-patterns/find-friends
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材
MAKR - Home
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
Wonderwall
http://www.designwalker.com/2009/08/user-interface.html
