ATMのような簡単操作で楽しいソーシャルタスク管理「Todous」の使用レポートiPhone女史
iPhone女史編集部でも日々の様々なタスクを効率よく管理しようと、あれこれ試しては誰かが挫折したり敷居が高かったりで、いまいち成果が上がらない日々が続いていましたが、ようやくみんなで使えるレベルのオンラインタスク管理サービスを発見しました。 「Todous（トゥドゥス）」はグループウェアで有名なサイボウズの子会社がリリースした、ソーシャルタスク管理ツールです。他ツールでは１週間と持たなかった私たちが、すでに２週間以上快適に使用しています。 Todous（トゥドゥス）を導入してみようと思ったポイントは以下です。 ◎PC、iPhone、iPadで利用できる ◎他の人にタスクを割り当て可能 ◎通知メールが届く（忘れない） ◎簡単に使えるインターフェイス ◎楽しく使えそう。 ◎コミュニケーション機能が充実 レビューは続きます▼ まずは動画でTodousの特徴をご覧下さい。これ
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
iOS 5の丸いボタン 人は何故丸いボタンを好むのか？
そこには目と脳の働きが関係していました！ iOS 5、新デザインの1つには設定メニューにあるボタンの変更があります。iOS 4の角丸のデザインよりもさらに丸っこいボタンになっています。そして、人はどうやら丸いボタンの方を好むそうです。その理由は目と脳の動き。四角い物よりも丸い物の方が目に止まりやすく、脳が認識しやすいと言われています。中心窩の人の目は丸い物の方が四角い物よりも数段早く処理できるのだそうです。人が丸っこい物を好むのは、目と脳が重労働を強いられないより楽な動きだからなのです。又、丸い物は中心に注意を集めるので、中のコンテンツ（文字や記号等）に目の意識を集中させることができます。四角は逆に外へと注意をひきます。つまり、iOS 4の四角ボタンのデザインだと外へと注意をひかれているのに逆らって中に持って行かないといけません。iOS 5の丸ボタンならば自然と中へと意識がいく、目にも脳に
スマホアプリの「使いやすさ」とは何か、を考えてみた - もとまか日記Ｚ
スマホアプリの使いやすさって、なんだろう？ 実は最近、よく考えてるテーマです。そんな感じのメモ。 「使いやすい」時、どう感じるのか まず、使いやすい！と思った時にどう感じてるのか、を整理してみると、・なんか気持ちイイ！・こりゃ簡単！・また使いたくなってくる！そして、・長く使うようになる・そのうち無意識に使うようになる つまり、使いやすさの重要なポイントとは以下。・簡単・気持ちよい 「簡単」ってなんだろう では、簡単って何でしょう？・見ただけで分かる・迷わない・（他のアプリと）操作が同じ・ボタン、機能の数が少ない・数が多いと選択、判断が入る故、難しい・５個がボーダー かも？・スーパーヒーローも基本は５人。・そういう意味では３個もアリ。・慣れたら５個以上になっても平気。・その頃の「基本の５個」はきっと空気のような存在になってる。・つまりスーパーヒーローでシーズン中盤から追加メンバが入るのは 決
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Objective-Cを書く人も書かない人も必読『iPhoneアプリ設計の極意』 - ninjinkun's diary
@fladdictさんが監訳されたことで話題の、オライリー本『iPhoneアプリ設計の極意 ―思わずタップしたくなるアプリのデザイン』、早速会社で購入してもらって読みました。読み終わってまず思ったのは、これはiPhone開発に携わるすべての人に必読の本になるだろうということです。エンジニア、デザイナー、企画者と分担が分かれている場合は、全員が読むといいのではないでしょうか。この本はiPhone開発に必要な共通言語を提供してくれます。それも、コードを使わずに。 本書から得られる内容としては大きくふたつあると思います。ひとつはiPhone開発のプロセスを解説書としての側面。もうひとつはiPhoneのUIカタログとしての側面です。 アプリ開発プロセスの解説書 この本に書かれている開発プロセスは、ベストプラクティスと言えるものになっていると思います。ユーザーニーズを探ること、シンプルさを追求するこ
スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」:phpspot開発日誌
スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」 2011年06月01日- Welcome AlbanX.com スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」。 「Cloud Zoom」というjQueryプラグインがあって、こちらへのパッチとして動作するみたい マウスオーバーでも動くみたいですが、iPhone、Androidでタッチした際にも動きます。 指でそのままスライドさせればマウスオーバーのように商品を拡大表示できます。一度iPhoneなどでみてみましょう。 スマートフォン向けのショッピングサイトにおいて、商品のディテールを説明するにはこうしたUIってかなり有用だと思われます。 いかに小さな画面においても詳細を見せるか？という場合において１つの選択肢として覚えておいて損はな
スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
「最高のデザインのiPhoneアプリ」投票結果をまとめてみました - もとまか日記Ｚ
先日、以下のアンケートを行いました。 あなたが思う「最高のデザインのiPhoneアプリ」を教えてください 内容が内容だけに？コメント数も少なかったこともあり、集計作業的には大助かりだったにも関わらず、その結果は凄く面白いものになった！と思いました。 皆さん、本当にアプリに詳しいですね・・・・凄いです！てことで、早速集計してみました。【注意事項】紹介している価格は、本エントリ掲載時（2011/5/15 4:00）のものです。iPhoneアプリはいつ値段が変更されるかわかりません。ご購入の際はAppStoreの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 「最高のデザインのiPhoneアプリ」目次 今回はスクショ等を交えて紹介してて長くなるので、記事内を行き来しやすいよう、以下に対象アプリのリストを作ってみました。なお、順番は得票数／コメント早い順です。 デザインに定評のあ
iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン:phpspot開発日誌
iPhone-like drag scroller test iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン。 画面をドラッグしてずらすことで画面をスクロールできます。こういうUIをつくろうと思っても１からつくると大変そうなので覚えておくとよさそう。 ドラッグ＆ドロップで要素移動。 デモはあじけない単なる四角形ですが、画像なんかをおけば使いかた次第で楽しいものが作れるかも。 関連エントリ iPhone用サイトを作成する際に便利なjQueryプラグイン「iPhone UI」 iPhoneのロック解除風UIでCAPTCHAするjQueryプラグイン「QapTcha」 コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」:phpspot開発日誌
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 2011年04月06日- ChocolateChip-UI コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 ダウンロードしたサンプルにはかなりの量のiOSアプリ風のUIが含まれていて、これスマフォサイト用のインタフェース作成には困らないんじゃないかという感じです。 リストのUI 読み込み画面 アイコン付きテーブル ちょっとUIを変えてみる例 サムネイル付きリスト ちょっとデザインを変える 普通のリストも。 デザインを変えたリストも ラベルつきのリスト ボタンや、ON/OFFも スライダーも 背景の模様も自由に変えられます ボタンも豊富 ツールバーデザイン。アイコンを入れたり色々 更にカラフルなボタンやアイコンのみのボタンも。 タブも作れます
画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」:phpspot開発日誌
WordPress iPad Swipe WordPress Plugins 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」。 プラグインをダウンロードして有効化するだけで、スワイプが有効になります。 iPadやiPhone向けのブログで使い勝手を向上させる用に覚えておいてもよさそうです。 左にスワイプすることで、次のエントリ、右にスワイプで前のエントリに移動することが出来ます。 設定ページではiPad以外でも有効にするかどうかの設定（デフォルトはiPadのみ）や、ポップアップでスワイプが効くことをメッセージ表示できるのですが、そのメッセージを指定できます。 ブログを、ページをめくる要領でページ送りが出来るというのはタッチパネル型のデバイスではなかなか使い勝手がよいみたいです。 関連エントリ iPhone/iPad用サイト作成時に使えるスワイプイ
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」:phpspot開発日誌
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 2011年02月17日- Skinkers Labs : TouchSwipe iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」。 タッチパネルを触って左にスライド、右にスライドといった操作をスワイプといいますが、このイベントを取得するjQueryプラグインのご紹介です。 1本指だけではなく、2本指でスワイプした際のイベントを取ることも出来ます（それぞれ区別可能） ブラウザ上でiPhoneアプリっぽい動作を簡単に実現できますね。 demoをiPhone等で見てみましょう(違和感なくスワイプできるはずです） 1本指スワイプのデモ 2本指スワイプのデモ スワイプを使った画像ギャラリー 実装はjQueryベースということでや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu
iPhoneやAndroidなどのスマートフォン向けUIの専門ギャラリーサイト・lovely ui
Engadget | Technology News & Reviews
http://e0166nt.com/blog-entry-864.html
