次の情報を右へ右へ展開する新しいナビゲーションUI·Kaiten MOONGIFT
KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基本だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ
Google+が日本で流行らない理由 - ぼくはまちちゃん！
こんにちはこんにちは！！ いよいよ公開されましたね…Google+！ で、タイトルのGoogle+が日本で流行らない理由。 これなんだけど、 「UIが洗練されすぎている」 きっと、これに尽きますね！ 設計もそうだし、画面もそう、 トモダチの振り分けなんか、ブラウザなのにドラッグ＆ドロップでできちゃう。 これすごい。 だから流行らない。 え、なんでかって？ ふつうの人には、ブラウザ上でドラッグ＆ドロップで、 操作できるなんて思わないよ。 ぼくですら、すぐにわからなかった。 いや、ちゃんと文字では説明書いているんだよ。 「ユーザーをサークルにドラッグ＆ドロップしてフォローできます」 ってね。 でも読まない。 読んでも意味わかんない。 同じ洗練されたUI(?)でも、twitterくらいのコンセプトのシンプルさでギリギリかなって思う。 検索エンジンGoogleもそう、コンセプトがシンプルだからこそ
蕎麦処 ぱろある亭: iPad 発売
今日、iPad が発売されました。私は開発の目的で、もうしばらくオフィスと家で使っていたので、私の感じたところを書きたいと思います。 一言、これは世の中を変えると思います。 まず、iPad のタッチインターフェースの出来がいかに自然なことか。使っているうちにデバイスの存在感が消えて、あたかも、そのものをいじっているような感覚になります。そして操作が楽しいのです。いかにマウスのインターフェースが間接的だったかを思い知ります。単にタッチインターフェースだから良いのではなくて、それを自然に感じさせるための大変な工夫と苦労がここに入っているんです。 このインターフェースの自然さと楽しさが、細かい機能の議論よりも根本的だと思います。そしてこの一点で、私はiPadが将来のコンピューターのインターフェースを根本的に変えてしまうと思っています。 評論家のモスバーグ氏が iPad レビューの冒頭で下のように
UIViewで手軽にアニメーションを実行する方法 - プログラミングノート
UIViewにはアニメーション関連メソッドが用意されているので、お手軽にアニメーションを実行することができます。ボタン、ラベル、画像などは全てUIViewを継承しているので基本的に全て同じ方法で実行可能です。 まずはUIViewの初期化メソッドでUIButtonを生成してViewに追加しておきます。このボタンが押されると@selector()で指定してあるメソッドが呼ばれるので、そこでアニメーションを実行します。 - (id)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { self.backgroundColor = [UIColor whiteColor]; // button UIButton *btn= [UIButton buttonWithType:UIButtonTypeRounde
iPhoneやiPadがどうしてもシングルタスクな理由
今週、Appleのタブレット端末iPadが発表されましたね。 色々な人が色々な事を言っていますが、iPadに対してもマルチタスク非対応を嘆く声が非常に多いことをtwitterやblogの反応で知りましたので、今日はなぜiPhoneやiPadがシングルタスク志向なのか、という話をしようと思います。 iPadといえば、発表直前のGizmodoの予想記事に、かつてAppleの開発者でありMacintoshプロジェクトを立ち上げたジェフ・ラスキンのモーフィング・コンピュータについての紹介が載っていました。「AppleタブレットのUIはズバリこうなる！（動画＆予想図）」すごくいい記事で、とても楽しく読ませていただきました。 iPhone/iPadのシングルタスクへの執着には、「マルチタスク汎用機」ではなくて、「必要な時にいろんな専用機に変身できる多機能機」という基本的な設計思想があると思います。ここ
[iPhone開発]UIViewControllerの初期化メソッドとタイミング WEBアプリケーション研究室 開発ノート
WEBアプリケーション研究室 開発ノート TOP WEBアプリケーション研究室 開発ノート [iPhone開発]UIViewControllerの初期化メソッドとタイミング Viewをnibファイルから読み込んで表示するとき様々なタイミング初期化メソッドが呼ばれます。 #import "ViewBaseViewController.h" @implementation ViewBaseViewController @synthesize label; - (void)loadView { [super loadView]; NSLog(@"loadView"); } - (void) viewWillAppear:(BOOL)animated { NSLog(@"viewWillAppear"); } - (void) viewDidAppear:(BOOL)animated { NSLo
[iPhone 開発メモ] iPhone のホーム画面のような UI を作る | Sun Limited Mt.
iPhone のホーム画面はフリックして左右のページに移動でき、また下にある白い点（ページコントロール）をタップしても移動できます。 こういう UI を作ってみました。 フリックでの移動は UIScrollView で行い、白い点のページコントロールは UIPageControl で行います。最初この２つは連動しているのかと思っていたのですが、自分で連動させないとダメでした。UIPageControl は単純に現在のページとタップされたページを教えてくれるだけです。それを使って UIScrollView をページ単位でスクロールさせます。 コードは前々回のUIScrollView でスクロールさせるを元にしていますので、そちらも合わせてご確認ください。 UIScrollView の設定。今回は３ページを制御します。pagingEnabled = YES でページ単位でスクロールさせます。
なんとiPhoneも対象、ついに携帯電話の充電コネクタが共通化へ
端末メーカーや通信会社ごとにバラバラな感が否めない携帯電話の充電コネクタですが、ついに共通化されることが正式決定しました。 なんと自社の携帯電話「iPhone」に独自のコネクタを採用しているAppleも共通化に賛同しており、1台の充電器でどの携帯電話でも充電できるようになりそうです。 詳細は以下から。 Commission welcomes industry's commitment to provide a common charger for mobile phones | Rapid - Press Releases - EUROPA このリリースによると、携帯電話の充電器がメーカーなどによって異なることで発生していた不便さや不要な出費を解消するために、欧州連合（EU）が携帯電話メーカー各社と充電器の共通化で合意したそうです。 これは2010年からヨーロッパ市場において反映されるもの
fladdict » アプリケーションにおけるデザインの重要性
WWDC出てAppleの中の人や、成功したアプリの製作者が口をそろえて言うことは、「これからアプリはデザインがもっとも重要で、開発時間の大半をデザインに充てるべきだ」、ということだった。 １年ほど自分で製作してみた実感でも、テクノロジーはそれほど重要ではない印象。 いわゆるFlexとかRIA系の世界では、デザイナーのポジションはUI設計と切り離されて、単なるスキン屋に甘んじてることが多いとおもう。 しかしiPhone系だと、ぶっちゃけデザインがウンコだと、メディア露出だけで力技で殴り勝てるアプリじゃない限り、まず成功することはありえないと思う。 iPhoneは市場が小さいからまだ当面予算が低いのがアレだけど、最終的にはこういう生活に密着したアプリケーションは、通常のウェブサイトやアプリケーション以上に積極的にデザイナーが設計にコミットして、もっと単価要求すべきな気がする。 これはアプリケー
iPhone向けWebアプリを作ろう（1/4） − ＠IT
Safari Web Content Guide for iPhoneを読み解きながら、iPhone／iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 （編集部） Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone（Applle Developer）。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約
ユーザーは狭く見る - レジデント初期研修用資料
Google の新しいブラウザ 「Chrome 」を使った感想。 Chrome は速く感じる 今まで使っていて、なんの不便も感じていなかった Sleipnir が、どうにも調子が悪い。恐らくは中で動いているIE8 の問題なんだろうけれど、 blog の更新だとか、コメント欄の管理だとか、エラーが頻発する。 いい機会なので、常用するブラウザを、Google Chrome に変更したんだけれど、これはたしかに速く感じる。 自分には、技術的なことは何一つ分からないし、普段見ているページのほとんどは、 文字しかないようなページばっかりだから、ブラウザの本当の速さ、 内部処理の速さだとか、実装のすばらしさだとか、そういうのは全然分からないんだけれど、 素人がちょっとさわってもびっくりするぐらい、Chrome は速く「感じる」。 このブラウザは、ユーザーへの「速さの見せかた」に、気を遣ってデザインされ
Cooliris (formerly PicLens) :: Firefox Add-ons
Cooliris (formerly PicLens) 1.8.2.4690 作者: The Cooliris Team カテゴリ 検索ツール アピアランス 写真／音楽／動画 Full-Screen, 3D -- Cooliris (formerly known as PicLens) transforms your browser into a visually stunning experience for searching, viewing, and sharing online photos and videos. Our "3D Wall" lets you effortlessly search and zoom your way around thousands of images, videos, news feeds, sports feeds, and more. T
スタンダードな画面パターン13選 – creamu
サイトのインターフェースを設計したい。 そんなときに参考になるのが、『Designing Web Interfaces: 12 Standard Screen Patterns』。スタンダードな画面パターン13選だ。 以下にご紹介。 Master/Detail 垂直か水平レイアウト。ナビゲーション固定で操作画面をユーザに認識しやすいようにしている Column Browse 垂直か水平レイアウトで、始めのカラムからユーザをナビゲーションしていく仕組みを提供している Search/ Results キーワードでダイレクトにユーザをナビゲートするときに使われる Filter Dataset 検索条件を絞り込んで精度を上げるときなどに使われる Forms フォーム画面はユーザビリティとデザインについて考え抜かれていなければならない Palette/ Canvas ファイルを作成するときなどに使わ
WebデザイナーのためのユーザビリティーTips10選 – creamu
ユーザビリティーの高いサイトが作りたい。 そんなあなたにおすすめなのが、『10 Usability Tips for Web Designers』。WebデザイナーのためのユーザビリティーTips10選だ。 以下にご紹介。 Tagline（キャッチフレーズ）を書く Taglineとは、会社やサイトのフィロソフィー、ミッションを表したもの。トップページの一番わかりやすい場所に置いてあげる 検索ボックスを置く 検索ボックスは重要な要素。ユーザが何かを探している時、テキストを入力できるフィールドをまず探すため、検索ボックスはサイトの上部に置くべき。ユーザの視線はF型に進むからだ グラフィックを使いすぎない 過剰なグラフィックはユーザを迷わせる。ユーザビリティーの観点からは、グラフィックは少ないほどよい サイトマップを設置する サイトのナビゲーションとSEOにも効果的なのがサイトマップ ユーザの動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ubuntu 11.04 リリース、新UI "Unity" を採用
長文日記
かつて音楽と呼ばれたもの » Blog Archive » iPhoneアプリ開発 - 身をもって学んだ9の教訓
TechCrunch | Startup and Technology News
IDEA * IDEA
Yahoo Developer Network
