タグ

designに関するaklaswadのブックマーク (12)

  • http://www.suntory.co.jp/softdrink/drop/

  • サービス終了のお知らせ - NAVER まとめ

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

    サービス終了のお知らせ - NAVER まとめ
  • Form Follows Function

    Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i

    Form Follows Function
  • UX design is strategic framework | blog / bookslope

    UXとは何か」という話題をポツポツと見るのですが、個人的には「UX」で話をするのではなく「UXデザイン」で話をするほうが自然です。 「UX (デザイン) とは戦略策定をするためのフレームワーク」です。これは Peter Merholz (ピーター・マーホールズ) 氏のブログ から影響を受けて自分なりの解釈で表現した言い方なんですが、個人的には一番これがシックリきます。 User experience is strategy, not design: peterme.com なので、「UX」で議論するのはやめて「想定する成果物は何か」で話をしたほうが議論できます。つまり「UXデザインの成果物」です。 「それはホラ、いろいろあるよねえ、会社によっても違うしねえ」と話すのであれば、もう議論も何もあったもんじゃありません。その人と話すのはやめましょう。じゃどういう成果物を想定するのか。 UXデザ

    UX design is strategic framework | blog / bookslope
  • サービス終了のお知らせ - NAVER まとめ

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

    サービス終了のお知らせ - NAVER まとめ
  • ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん!

    こんにちはこんにちは!! ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します! 『ふつうのformをつかいたい』 - はまちや2 - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの? [この日記のブックマークコメントを見る/書く ]

    ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん!
    aklaswad
    aklaswad 2012/04/30
    その通りですね。
  • ディテール

    Webページにおける細かいパーツを正しく実装することがユーザー経験の向上につながるということについて書かれたUI: Getting the Details Rightを読んだ。WordPressの結構な人気テーマでもタブがあたかもパンくずリストのように表示されていたりするし、頭ではわかってても実践にまでは至らないことも多そう。 Getting the Details Rightではいくつかの有名なパターンを例に、こう実装するとユーザーが混乱しにくいという説明をしている。例えばスライドショーでは切り替えの矢印以外にも「いくつくらい画像が用意されていて、今何番目を表示しているのか」を示すドットを使ったインジケーターが重要であるとしている。また、画像や画面の切り替えにも簡単なアニメーションを導入することによって、ユーザーに「どう切り替わったのかをアニメーションで示すことによって戻る方法を示唆でき

    ディテール
  • Geekなぺーじ : Interopのネットワーク図を描くエンジニア

    Interopに構築される最新機器を活用したネットワークであるShowNetの図は、ネットワーク図とは思えない美しさです。 Twitter上でInteropの話をしている人の中には、ShowNetのトポロジ図をPC壁紙に設定していると言っている人もいます。 いつの間にか、ShowNetのトポロジ図にファンが居る状態が出来上がりつつあるようです。 このことを図を描いている人に伝えたところ、びっくりしてました。 あのトポロジ図を見て「ShowNetトポロジ図はデザイナさんが描いている」と信じている人は非常に多いと思います。 しかし、実際にShowNetトポロジ図を描いているのはデザイナさんではありません。 あのトポロジ図は発注されて描かれたものではなく、ボランティア参加している方が描いているという事実を知る人は少ないのかも知れません。 あの図は、河口さんというバリバリのネットワークエンジニア

  • アップルが新型欠陥マウス発表─ボタンもボールも消失… - bogusnews

    欠陥製品ばかり販売することでおなじみのマウスメーカー・アップルが21日、さらに欠陥だらけの新型マウス 「Magic Mouse」 を発表。ネットで「こんなひどいマウス、いったいどんな信者が買うのか」と物議をかもしている。 アップルは、20年以上前から「右クリックのできない欠陥マウス」を販売。マウスなのにキーボードと併用しないと役に立たないにもかかわらず 「アップル製品を使うオレらってカッコイイ」 「選ばれた人間だけに良さが理解できる」 などと吹聴するいけすかない信者の支持を受け、生きながらえてきた。最近では、さらに調子こいて「左クリックボタンもないマウス」「ボタンがないうえに小さなトラックボールを乗せた末転倒なマウス」まで投入する始末。 新製品のMagic Mouseは 「ボタンはおろかスクロールホイールさえ廃止した」 という、まったくマウスとして役に立たないゴミ、いや石ころ以下のガジェ

    アップルが新型欠陥マウス発表─ボタンもボールも消失… - bogusnews
  • Inspiration Package: 60 Usable & Elegant Designs | Design Showcase | Smashing Magazine

    As usual, we have to put ourselves in the users’ shoes: What do we want them to see first? How will your message be best communicated? We have to ask these questions before we start designing, because the layout will shape the rest of the design. The following websites have some quite unusual layouts. They aren’t necessarily perfect; still, browse through them, and maybe your creative genius will

    Inspiration Package: 60 Usable & Elegant Designs | Design Showcase | Smashing Magazine
    aklaswad
    aklaswad 2007/08/28
    参考になる
  • ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

    yamaokaです。 水平方向に並んだナビゲーションを作る場合、 皆さんはどのようにマークアップされているでしょうか。 とりあえず必要な項目を羅列してみましょう。 それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵 一見よさそうです。 ただ、HTMLの論理的な構造としてふさわしいものでしょうか。 ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。 リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<

  • サイト画面が読みズラい:夏目房之介の「で?」:オルタナティブ・ブログ

    「新しいサイト、なんだか読みづらいですね~。 レイアウトの関係なんだけど、なにやらごちゃごちゃ小さくて・・・ もちっと読みやすい風にならんのでしょうかねー。」 というご意見がありました。僕も、じつはそう思います。 ITデジタルの技術者方面だと、どうしてもこうなっちゃうんでしょうね。やはり 出版とか、見やすさを追求して蓄積してきた場所からみると素人の作りなんですね。そういう意味で「はてな」はかなりわかりやすくデキてると思います。ミクシはだめですね。でも、そういうのが何十万とか何百万とかアクセス獲得しちゃうので、通常の競争淘汰が機能しないんでしょう。 サイトのぞいてていつも思いますが、一般的に広告の入れ方がダサくてうるさい。文字のフォント、並び(行間、字間、改行など)、テキスト画面の構成について思慮が足りない。注目させるべきポイントの作り方がどへた(JRの券売機以下)。自分たちがやりやすくて使

    サイト画面が読みズラい:夏目房之介の「で?」:オルタナティブ・ブログ
  • 1