タグ

misakinのブックマーク (1,982)

  • O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針

    デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」(53MB) 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003 

    O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
  • 亚洲信誉推荐!

    亚洲信誉推荐!
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • マイクロソフトの「Surface」について、シリコンバレーに住む元デザイナーが思うこと。 · 上杉周作

    June ’12 注意: 長文で、当たり前のことしか書いていません。あなたの時間の無駄になってもあしからず。 Surfaceのビジョンは透き通っている Surfaceのデザインは透き通っていない Surfaceのビジョンは透き通っている 米マイクロソフト(MS)が自社ブランドのタブレット(多機能携帯端末)「Surface」を年内に発売する。ソフトウエア世界最大手のMSがハード(機器)を手がけるのはゲーム機や周辺機器を除けば異例だ。アップルやグーグルはスマートフォン(高機能携帯電話=スマホ)やタブレットで急成長を遂げている。パソコンの存在感が薄れるなか、MSは自らタブレットを投入し、巻き返しを急ぐ。(日経新聞) 私は先週のSurface発表で一番よかったのはSurface自体ではなく、マイクロソフトのビジョンが明確になったことだと考えている。 公式ページにある下の画像は、ファイル名がhero

  • UIデザイナーが知っておくべきエンドユーザーの10の特徴

    ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン

    UIデザイナーが知っておくべきエンドユーザーの10の特徴
  • 【インタビュー】「Google」から「Giftee」まで、ウェブデザインを手がけて10年。「いま、ここでしかできない」を形にすること | Startup Dating [スタートアップ・デイティング]

    Google」や「オロナイン」など有名企業と仕事をする一方で、「greenz.jp」や「Giftee」などスタートアップのウェブサイトも手がけるnD inc.のウェブデザイナー、中原寛法さんにインタビュー。 いまの仕事をするようになって今年で10年。ウェブデザインは自分にとって「遊び」に近いと話す中原さん。いつでもアイディアに溢れてる彼が、余暇時間でつくったユニークなサイトなどを交えてお伝えします。 画像工学科を経て、大学院ではユニバーサルデザインを学ぶ 昔からデザインへの関心が高く、中学3年生くらまで積み木が異常に好きだったと話す中原さん。同じ車の形を少し色やパーツを変えて何度もつくってみたり。そんな彼が、高校生のときに初めて知ったのがMacの存在。NHKの番組に出演していたグラフィックデザイナーの立花ハジメさんが、撮った写真を加工する方法を教えているのを見たことがきっかけ。何これ!と

  • 作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。

    ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄

    作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
    misakin
    misakin 2012/06/17
  • まな板+引き出しで具材を整理しながら調理ができる「Mocubo」

    料理をする際、まな板の上でカットした具材をどこに置いておくか迷うことがあります。そのまま、まな板の上に置いておくと邪魔で、かといって新たに皿やボウルなどを使うと余計に置く場所が必要になります。そんなときに便利なのがまな板と引き出しが一体となった「Mocubo」です。 quirky - Mocubo http://www.quirky.com/products/91-mocubo-Modular-Cutting-Board 竹製のまな板で、3つの引き出しがついています。なお、サイズは幅16インチ(40.64センチ) ×奥行11インチ(27.94センチ) ×高さ1.75インチ(4.445センチ) 。 カットした野菜をスライドするだけですっと引き出し部分に入れることができ、ちょうどいい高さになっています。まな板を持ち上げたり、手で一旦集めて移動させるといういつもの作業が不要に。 引き出しによって

    まな板+引き出しで具材を整理しながら調理ができる「Mocubo」
  • 誰でもできるiPhoneアプリのプロトタイプのつくりかた【サンプルつき!】

    突然ですが、ペーパープロトタイプって知ってますか? 実演ムービー 今まで気がつかなかった問題に気づけたりと、かなり強力な武器になります! これをiPhoneの画面で気軽にできないかなー、お客さんに触ってもらったりできないかなーと思ってました。 ピンと来るやつが無かったので、作っちゃいました! iPhone上で動く フルスクリーン対応(アプリによる) ファイルを開くだけなので、メールで送ったり共有も簡単! 後からの追加、削除も柔軟に対応可能 デフォルトのUIを使わない場合のテストに真価を発揮します やり方は超簡単なので、今すぐに試すことができますよ! 簡単なサンプルファイルも最後についてます! それでは「続き」からどうぞー! ペーパープロトタイプとは 新しい製品、サービスを開発するとき、スケッチを紙芝居の様に動かしながら、テストユーザーに触ってもらうことで使い易さや機能要求などを開発初期段階

  • テレビで1回だけ放送されたヱヴァスマホのCMがヤバイ! : 萌えオタニュース速報

    ゲーム

    テレビで1回だけ放送されたヱヴァスマホのCMがヤバイ! : 萌えオタニュース速報
  • 再利用 vs. 最適化されたデザイン

    印刷物とオンライン、あるいは、デスクトップとモバイルのような分化したメディア間でのコンテンツやデザインの再利用は、費用はかからないが品質を低下させる。上質なUXに必要なのは、プラットフォームとの緊密な統合である。 Repurposing vs. Optimized Design by Jakob Nielsen on May 21, 2012 日語版2012年6月12日公開 ユーザーエクスペリエンス戦略には2つの対立する流派がある: 再利用派: 可能な限りデザイン数を減らして、できれば1つだけにし、同じ素材を可能な限り多くのプラットフォームで再利用する。 プラットフォーム最適化派: メインプラットフォームごとに異なるユーザーインタフェースをデザインし、ユーザーエクスペリエンスのレイヤーを可能な限り強固に統合する。 再利用はコスト面で非常に優れている。作業のほとんどを1度きりで終わらせるも

    再利用 vs. 最適化されたデザイン
  • Twitterブログ: Twitterのロゴが変わりました

    この6年の間、青い鳥は世界各地の方々にかわいがられてきました。あちらこちらで目にするこの青い鳥は、Twitterのサービスと会社の顔としての役割を担っています。 今日から、この青い鳥がよりシンプルに新しくなりました。これからはこの鳥がTwitterの顔です(皆さんに、Twitterといえば青い鳥、青い鳥といえばTwitterと思っていただけますように!)。これまでのかわいいフォントの社名や小文字の「t」はTwitterのロゴからなくなり、この新しい鳥だけになります。 デザインは、皆さんのまわりにある様々なつながり、興味、アイデアなどを意味する3つの重なった円から考えられました。高い空の上から広大な景色を見渡すにしても、他の鳥たちと同じ目的に向かって進むにしても、空高く飛び立っていく青い鳥は自由と希望と無限の可能性を持っています。 新しくなったTwitterのトレードマークについてはこちらを

  • iPhoneと接続してメロディと振動で探しモノを見つける「ぶるタグ」を使ってみた

    iPhoneをカバンのどこに入れたかわからなくなった!」という場合に音と振動で探し出したり、逆にiPhoneから音と振動を出させて探したりという使い方ができるなくしもの防止ガジェット「ぶるタグ LBT-MPVRU01BK(直販価格税込3480円)」。今回は実物を購入して、製品を触りながらどんな感じで作動するのかをチェックしてみることにしました。 LBT-MPVRU01BK: Bluetooth製品 iPhoneから「ぶるタグ」の音と振動を起動して探す、「ぶるタグ」からiPhoneの音と振動を起動して探す、という2通りの使い方ができます。 また、お互いが一定の距離以上離れると自動で音と振動を起動する機能も搭載。 ◆フォトレビュー パッケージはこんな感じ。 サイズは縦45×横45×厚さ13ミリで成人男性の手の平にスッポリと収まる大きさ。 裏側はこうなっています。 金属製のクリップが付いている

    iPhoneと接続してメロディと振動で探しモノを見つける「ぶるタグ」を使ってみた
  • 【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating

    Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん(@monja415)。片山さんが現職に就くまでの道のりや、クックパッドUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ

    misakin
    misakin 2012/06/01
    社内では、「言葉で説明しなければいけないUIは、レベルが低い」という風に捉えられている。まだまだ説明してしまっているところが多く、見て2秒でわかるUIを常に目標として掲げている。
  • ライフネット生命キャンペーンの仕掛けと数値を公開します - 元はてなの広告営業 mtakanoの日記

    4月19日にこんなキャンペーンを開始しました。 ライフネット生命 出口社長におもしろいセリフを言わせよう! 唐突に依頼が届いてひっくり返った経緯は、ライフネット生命様のブログで紹介されています。 ライフネット生命×Webクリエイター「CONTENTS BATTLE!」特別編 参加企業インタビュー(はてな編) | ライフネット生命保険社員ブログ 残念ながら優勝は逃してしまいましたが、結果としてはかなり盛り上がり、PV数・ソーシャルメディアへの波及数も良い数値が出ました。営業先でも何度か「あのキャンペーン面白いですね」と言われました。 ライフネット生命×Webクリエイター「CONTENTS BATTLE!」|ライフネット生命保険 公開する前は「大丈夫かなあ、スベらないかなあ」とキャンペーン担当であるハイパーメディアクリエイターkiyoheroがドキドキしていたのは内緒です。せっかくですので、こ

    ライフネット生命キャンペーンの仕掛けと数値を公開します - 元はてなの広告営業 mtakanoの日記
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • ソニー、写真を自動でアルバム風にするスマホアプリ「million moments」を無料配布 - PHILE WEB

    ソニーは、スマートフォン内の写真を自動でアルバム風に仕立てて閲覧できるアプリ「million moments」を日5月30日より配布開始した。Android版とiOS版の両方を用意しており、価格は無料。Android 2.2以降とiOS 4.3以降に対応している。

  • アプリの終わりの始まり

    2012年2月27日から3月1日にかけてバルセロナで開催されたMobile World Congress 2012では、特に注目の集まったGoogleやFacebookのキーノート以外にも示唆に富んだ興味深いセッションが多数あった。その中の1つがコンサルティング会社frogのScott Jenson氏によるプレゼンテーションであった。同氏が各地で行っているというプレゼンテーションは“Mobile Apps Must Die”というラディカルなタイトルだが、筆者は大いに共感でき、多大なインスピレーションを受けた。稿では、同氏の論旨に依拠しつつ、アプリ環境の今後を展望する。 「アプリの海」 現在、AppleのApp Storeでは50万以上、Google Play(旧Android Market)では40万以上のアプリが提供されており、この数は日々増加を続けている。これらに加え、Window

  • カラメル | 通販 トレンドから掘り出し物まで見つかるショッピングモール

  • 会社員の副業が会社にばれない方法って、これで正しいのかな?

    会社員の副業に関する質問はインターネット上に多数あるけど、どれも断片的なので理解するのに苦労した。 質問サイトとか税理士事務所のWebページとか税務署とか一通り見て(丸一日くらい潰れた)、以下の理解に達した。 注:ブクマコメで、「それより、堂々と副業を認めてもらう言い訳を考える方が生産的」って言われたのだけれど、その通りだと思います(ぇ 会社員の副業業の会社にばれないようにする方法: (1)会社員が副業(個人事業主・青色)を行う場合、普通に確定申告を行うと (翌年の)住民税の金額が変化する。住民税は、主たる雇用主が一括して特別徴収で払うため、 この金額の変動が会社に知られ、副業がばれる。 (2)よって、申告時に副業分を「普通徴収」にすれば、 業の会社には給与所得分の住民税のみの情報がいき、事業所得分の住民税は 自分で払う。 (3) ただし、副業の事業所得が赤字の場合、業の給与所得と

    会社員の副業が会社にばれない方法って、これで正しいのかな?
    misakin
    misakin 2012/05/11