作る側の都合でUI/UXを悪くしないための注意点まとめ
作る側の都合でUI/UXを悪くしないための注意点まとめ：スマホ向けサイト制作で泣かないための秘伝ノウハウ（終）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。最終回は、サイトに載せるべきコンテンツはどんなものが良いのか、2つのコンテンツ例レスポンシブWebデザインとユーザー体験の関係、技術／デザイン面で気を付けることなどを紹介します。 スマートフォン向けWebサイト構築の注意点総括 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「いまさら聞けないCSS3入門＆スマホ対応6つの問題点」では、スマートフォン向けWebサイト上でのCSS実装上の注意点と、機種依存事例を紹介しました。 今回は、K
Androidアプリの使いやすさを左右する5つのレイアウト
Androidアプリの使いやすさを左右する5つのレイアウト：Androidで動く携帯Javaアプリ作成入門（5）（1/3 ページ） 本連載で、SDKとEclipseを使ってAndroidの携帯端末で動くJavaアプリを作成し、Android Market配布を目指しましょう 分かりやすく、入力しやすく、カッコいいAndroidアプリを 前回の「簡単でワクワクするAndroidウィジェット10連発！」で紹介したとおり、Androidのウィジェットはケータイとは思えないほどリッチなものです。ただ、どんなにリッチなウィジェットも、それ単独では役に立ちません。ウィジェットを使うには、画面のどこに配置するかを決めなければいけません。 そこで今回は「ウィジェットをどのように効果的に配置するか」というのがテーマです。ウィジェットを配置するには、Androidの「レイアウト」という仕組みを利用します。ウィ
利用者の立場を考えたペルソナ／シナリオ法による開発とは
Speaker 株式会社アプレッソ代表取締役副社長 CTO 小野和俊氏【ユーザビリティ研究会】では、ペルソナ／シナリオ法による開発の具体例などを紹介していきます。ペルソナを使ったことで発見された画面デザイン上の問題点や機能重複などをいくつか紹介する予定です。 リッチクライアント技術の登場・進展により、ソフトウェア・ユーザーインターフェイスの表現自由度が非常に高まり、いろいろなものが作れるようになりました。 ただ、いろいろなものが作成可能な道具が与えられたというのは、その道具を間違って使ってしまうことにも結び付き、それがこれからの課題だといえます。 HTMLを用いたWebベースのソフトウェアでは、ごく限られたソフトウェア部品しかなく、結果的にシンプルな操作性が実現されていた。そのように表現の方法が限られていたものが、いま自由に表現できる時代になろうとしています。その自由な表現が可能だという状
より高度なGUI部品を使おう！(5/5):jQuery Mobileによるスマートフォン用Webサイト作成入門 - libro
jQuery UIを利用した例として、もう１つ「タブパネル」を作ってみましょう。タブパネルは、タブをクリックして表示を切り替えるGUIですね。スマートフォンでも同様の働きをするGUIはあります。タブパネルが画面に表示されても、それほど違和感はないでしょう。 下のリスト欄に、簡単なサンプルをあげておきます。アクセスすると、「No,1」「No,2」という２つのタブを持ったパネルが表示されます。もちろん、タブをクリックすれば表示を切り替えることができます。 タブパネルの表示は、ちょっと面倒です。あらかじめ指定された形式に従ってタグを用意して置かなければいけません。整理すると以下のような形になります。 <div id="タブパネルのID"> <ul> <li><a href="#１つ目の表示">１つ目のタブ</a></li> <li><a href="#２つ目の表示"２つ目のタブ</a></li>
【HTML5とか勉強会 Webと家電】 家電のUIになるブラウザ
未来の家電はインターネットに接続でき、ブラウザが内蔵されてくる。家電にブラウザが載ったらどうなるか？ 未来のホームネットワークを想像しよう 家電とWebとHTML5 2011年12月26日、ソニーシティ大崎で「第25回 HTML5とか勉強会」が開催されました。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会です。今回は、会場がソニーということもあり、テーマが「Webと家電」でした。 最近の家電製品はインターネットに接続でき、ブラウザが内蔵されている機種があります。勉強会では、現在の家電とHTML5の関係と、今後の関わり方についての説明があり、とても興味深い内容でした。 ゲーム、家電、自動車、新聞などへの影響 ゲーム、家電、自動車、新聞などへの影響 ゲーム、新聞、家電業界などのHTML5への対応 - HTML5とか勉強会 - YouTube 小林さんは
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
being agile: Frank: Automated Acceptance Tests for iPhone and iPad
Friday, July 23, 2010 Frank: Automated Acceptance Tests for iPhone and iPad Recently I joined a team developing an iPad application. The application had no existing automated tests, and the team was under a tight deadline to deliver on promised functionality. Faced with similar circumstances in the past I have advocated introducing automated UI-driven acceptance tests to establish a loose but broa
JavaScript処理をバックグラウンドで実行する方法 | エンタープライズ | マイコミジャーナル
Robert’s talk Robert Nyman氏がUsing HTML5 Web Workers to have background computational power - Robert's talkにおいて、Web Workersの実装例を紹介している。短くてわかりやすいサンプルコードが掲載されておりWeb Workersを試してみたい場合の最初の取っ掛かりとして取り組みやすい。 Web WorkersはHTML5とともに策定が進められているJavaScript API。JavaScriptファイルをダイナミックに読み込みバックグラウンドで処理を実施する。UIとは別のスレッドで動作する。特徴的な動作や仕組みまとめると次のとおり。 Web Workersの特徴 JavaScriptファイルを読み込んでバックグラウンドで処理を実行する。 別スレッドで動作するため、マルチコアの性能
第1回 ユーザー・エクスペリエンスって何だ？
近年，Web2.0，リッチ・クライアント，ユーザー・エクスペリエンス，RIA（Rich Internet Application/Rich Interactive Application：表現力／操作性に優れたアプリケーション）など，ユーザー・インタフェースに関する情報が極端に増えています。これらの技術の中心になっているのが，「ユーザー中心デザイン」という考え方です。この連載では，ユーザー中心デザインを実現するために重要とされているユーザー・エクスペリエンスと，それを実現するための効果的な技術の概要について，マイクロソフトの技術を取り上げて解説していきます。 ユーザー・エクスペリエンスとは「あるとより良いこと」 ユーザー・エクスペリエンスとは，その名の通り，利用者自身の体験に基づいて使いやすさを向上させていくことです。ユーザー・エクスペリエンスという概念は，古くからITやマーケティングの分
Google's Design Guidelines
An unofficial blog that watches Google's attempts to move your operating system online since 2005. Not affiliated with Google. Send your tips to gostips@gmail.com. Jon Wiley, User Experience Designer for Google Apps, outlined some of the most important principles for designing interfaces at Google. In his presentation at the WritersUA conference, Jon listed the following guidelines: 1. Useful: foc
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
RIA のアーキテクチャー概要 （リッチクライアント編） | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* この記事では、Flex アプリケーションのアーキテクチャー概要を扱います。以下の内容は、Flex アプリケーション構築の際に一般的に起こる、と思われる問題への対応例を紹介することが目的です。Flex アプリケーションを常に同じ形で構築することを推奨するものではありません。 クライアント側とサーバー側を含めたアプリ全体のアーキテクチャーについて
RIA のアーキテクチャーとデザインパターン （アプリ全体像編） | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* この記事では、クライアント側とサーバー側を含めたアプリケーション全体のアーキテクチャーを扱います。まず、J2EE のパターンとして知られている MVC （J2EE-MVC2） を検証し、他のデザインパターンとの比較を行います。また、Flex クライアントとサーバー間の 3 種類の通信方法について、具体的に解説します。 クライアント側アプリのア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
Engadget | Technology News & Reviews
robotium - Project Hosting on Google Code
GitHub - commadelimited/jQuery-Mobile-Bootstrap-Theme: A jQuery Mobile theme based on Bootstrap
UIコンポーネント/TextView - Android Wiki*
DesigningMall.com is for sale | HugeDomains
