タグ

ブックマーク / fladdict.net (9)

  • 人を強制的に幸せにするデザインとインターフェース | fladdict

    最近よく考えることに、人間を強制的に幸福にするユーザーインターフェースは作れないか、という着想がある。100万ユーザー級のアプリのUI改善に何か関わった結論として、単に使いやすいインターフェースや、KPIアゲアゲの設計とかに飽きた。 むしろ統計、認知心理学、脳科学、行動経済学などをフル活用して、デザインで強制的に幸せを生産できないだろうかと考える。 幸せは生産できるか? アメリカの哲学者、ウィリアム・ジェームズの言葉に、「私達は幸せだから笑うのではない。笑うから幸せなのだ」というものがある。日にも類似の表現として、「笑う門には福来る」という諺がある。 両者で注目したいのは、因果関係の方向だ。どちらも方向として、「笑う」→「幸福」という因果関係を説いている。「幸福」→「笑う」ではない。 実は最近の脳の研究によると、とりあえず口角を持ち上げれば、人間の脳はドーパミンを生産するのだという。脳

    人を強制的に幸せにするデザインとインターフェース | fladdict
  • 相撲を一眼でミニチュアっぽく撮ってみた | fladdict

    1月ぐらいに勢いで撮ってみた。 ハッケヨイヨイ ノコッタノコッタ ポイっとな 四股 選手入場的な カメラはCanon 5D Mark3、レンズは例によってTS-E45 F2.8とTS-E90mm F2.8。 俯角25〜45度の見おろしで、被写体をクオータービューの角度で撮りつつ、TSを逆アオリf2.8-5にセッティング。 場内は暗いのでISOを犠牲にしてシャッタースピードを稼ぐ。 iPhoneアプリでとる場合はTiltShiftGenで加工したあとに、Instagramがよいかと。

  • スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict

    スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneiPadでも自動でブラウザがリロードされて、表示を検証できる!! iPhoneiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ(Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ

  • 仕事でtwitter使う人には、Bufferというサービスは必須かもしれない | fladdict

    百式の田口さんに教えていただいた、Bufferというサービスがとても便利。最近ヘビーユースです。 Bufferは呟きをTwitterやFacebookに、時間を分散して投稿してくれるサービス。朝おきて、気になった記事をブックマークレットで適当に登録しておけば、いい感じにばらけてTweetをしてくれるのです。僕はミーティング参加中なのに、2chブログを勝手につぶやいてくれたりとか。 iPhoneアプリもあるし、Chrome拡張もあって、拡張をいれるとTwitter家のページにもBufferボタンがついたりとか細かいところも便利。特にクローム版のインストールをお勧めします。 お仕事Twitter使う人は、Bufferに色々つっこんどけば寝てても、他の仕事しててもいい感じに運営されるのでとっても便利かもしれません。 締め切りなのに僕が呑気に呟いていたら、全部バッファーのせいです、僕が遊んでる

  • GSkinnerの作ったJavaScriptライブラリが素敵すぎる件 | fladdict

    Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以

  • スマホUI考3 ~ ジェスチャ入力について | fladdict

    スマホUI考1 〜 ボタンについて スマホUI考2 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ

  • スマホのUI考2 〜 フィードバックについて | fladdict

    UIについて徒然と考える自分用メモ、2回目はフィードバック。ユーザーに「何かがおきたよ!」と如何に明解に知らせるか?1回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは? ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、

  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

  • 思わず全部読んでしまった、面白いWeb漫画10個

    引っ越しに伴い、蔵書を数百冊捨てたので読むがない。そんなわけで、最近は野生のweb漫画ばっかり読んでいます。 web漫画超面白いっす。思わず全部読んでしまった面白作品を徒然なるままにメモ。オススメ度は順不同。どれも下手な週刊誌の漫画よりオモロいです。 1: 7と嘘吐きオンライン まずは取っ付きやすくTwitterをテーマとした短編漫画。ありそうでなさそうな、Twitter的コミュニケーショん。前編、後編。(なんで、同作者の「堀さんと宮村君」が紹介されてない!?という声を多数いただきましたが、それは僕が今リアルタイムに読んでいてまだ読了できてないからです。今編が終わって番外編に突入したところ)。 2: 漫画で分かる診療内科 信頼と安心のギャグ漫画。もはや説明はいりません。ブラックな冗句を交えつつ、精神医学を語ります。これ当に病院サイトの公式コンテンツなんですよ。。。全12話くらいで更新

  • 1