『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の
Androidアプリの使いやすさを左右する5つのレイアウト (1/3) - ＠IT
Androidアプリの使いやすさを左右する5つのレイアウト：Androidで動く携帯Javaアプリ作成入門（5）（1/3 ページ） 本連載で、SDKとEclipseを使ってAndroidの携帯端末で動くJavaアプリを作成し、Android Market配布を目指しましょう 分かりやすく、入力しやすく、カッコいいAndroidアプリを 前回の「簡単でワクワクするAndroidウィジェット10連発！」で紹介したとおり、Androidのウィジェットはケータイとは思えないほどリッチなものです。ただ、どんなにリッチなウィジェットも、それ単独では役に立ちません。ウィジェットを使うには、画面のどこに配置するかを決めなければいけません。 そこで今回は「ウィジェットをどのように効果的に配置するか」というのがテーマです。ウィジェットを配置するには、Androidの「レイアウト」という仕組みを利用します。ウィ
人気Androidゲーム「ワンダのレプリカ島」開発者が語る“個人作品への思い”
人気Androidゲーム「ワンダのレプリカ島」開発者が語る“個人作品への思い” グーグル デベロッパー アドボケイト Chris Pruett氏 Chris Pruett氏は、日本在住の開発者である。グーグル勤務のかたわら、自主制作ゲーム「ワンダのレプリカ島」をAndroidアプリケーションとして開発した。 「ワンダのレプリカ島」は110万以上のダウンロード数を記録し、Android上の人気ゲームとなっている。また、ソースコードはApacheライセンスによりオープンソースソフトウエアとして公開されている。 ゲームの背景設定は複雑だ。主人公は記憶を失ったロボットで、Androidのマスコットキャラクターが使われている。主人公の前に現れるのは、指示を与えてくれるカボチャノミズ博士と、謎めいた少女、ワンダ。冒険と戦いを続けるうちに、過去の記憶がよみがえり、この世界の別の姿が顔を見せはじめる。
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
DB設計の神ツール「ERMaster」なら、ここまでできる
DB設計の神ツール「ERMaster」なら、ここまでできる：ユカイ、ツーカイ、カイハツ環境！（11）（1/3 ページ） 無料のEclipseプラグイン「ERMaster」とは データベースのテーブル設計を行うときに皆さんは、どのようにしているでしょうか？ いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近「ERMaster」と呼ばれるEclipseプラグインの存在を知りました。 ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI（ユーザーインターフェイス）に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。 ERMasterの主な特徴、8つ ERMasterには、主に次のような特徴があります。 【1】直感的で使いや
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
80年代のAppleに学ぶUIの部品化とガイドライン ― ＠IT
インタラクションデザインパターン（1） 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
プログラマーが作ったかのように見える UI - everything might happen tomorrow - yhassy - builder by ZDNet Japan
大企業向けのソフトウェアによくありますが、開発期間や予算の都合でインターフェイスも含めすべてプログラマーが作る場合があります。すべてに言えるわけではありませんが、プログラマーが UI デザインまで受け持つことで結果的に使い難いソフトウェアになることもあります。プログラマー Ian Voyce さんのブログに掲載されている「The 7 signs your UI was created by a programmer」という記事で、いかにもプログラマーが作ったと思えるような UI の特徴を７つ紹介しています。デザイナーもソフトウェアの使い勝手を考える際に気をつけたいチェックポイントも幾つかあります。コメントにも追加されている特徴も含め以下に要約しておきます。 感嘆符 (!) を多用しているダイアログボックス マウス以外の操作不可 (タブで順に移動出来ない) すべてのフォーム要素をグルーピング
TechCrunch | Startup and Technology News
The 2024 election is likely to be the first in which faked audio and video of candidates is a serious factor. As campaigns warm up, voters should be aware: voice…
第3回：日本版Androidケータイ，UIは荒削りで改善に余地
米Google社らが開発するソフトウエア「Android」を日本で初めて採用した携帯電話機を，NTTドコモが2009年7月に発売した。この製品の使い勝手を，様々な機器のユーザー・インタフェースのデザインを手掛けるU'eyes Designが評価した。既存の携帯電話機を使うユーザー9名に，実際の端末を触ってもらって調べた結果である。Androidケータイの特徴であるGoogle社のサービスとの連携や，従来の日本市場向けケータイとの違いが，ユーザーにどのように受け止められるのかに主眼を置いている。評価結果の概要と，米Apple社の「iPhone」との比較を2回に分けて紹介する。（Tech-On！） NTTドコモが2009年7月に発売した国内初のAndroidケータイ「HT-03A」の使いやすさについて，既存の携帯電話ユーザーに実際の端末を使ってもらって評価した。その結果，ユーザー・インタフェー
10 Useful Web Application Interface Techniques — Smashing Magazine
More and more applications these days are migrating to the Web. Without platform constraints or installation requirements, the software-as-a-service model looks very attractive. Web application interface design is, at its core, Web design; however, its focus is mainly on function. To compete with desktop applications, Web apps must offer simple, intuitive and responsive user interfaces that let th
ボードゲームとして「将棋」をデザインする
緊急告知 夏休みイベント：「将棋を楽しもう」を開催します 外国人や初めての人にも分りやすくデザインしたユニバーサル将棋盤で、ボードゲームとして魅力的な『将棋』を楽しむ集いです。 女流プロ棋士の「北尾まどか」さんが来場されます。将棋に挑戦できますよ。 日時：8月２２日（土曜日）午後１時〜４時 場所：昭和レトロ商品博物館（JR中央線青梅駅下車3分） http://showa-retro.omjk.jp/ 詳しくはこちらのチラシをご覧ください。 事の始まりは2009年のゲームマーケットでお会いした女流プロ棋士の「北尾まどか」さんから、外国人にも受け入れ易い将棋ボードをオリジナルで作るご相談を受けたことでした。彼女には既に自分の頭の中におおまかなデザインイメージがあるとのことでしたので、後日お話しましょうということになりました。 こういう命題が与えられると自分でも作りたくなってきたので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://twitter.com/newtwitter
http://www.designwalker.com/2009/11/button-resources.html
Engadget | Technology News & Reviews
IDEA * IDEA
Engadget | Technology News & Reviews
