タグ

uiに関するtotttteのブックマーク (7)

  • 分裂勘違い君劇場 - エンジニアがUIデザインしたがる本当の理由

    ハイライトピックアップ Web2.0を引き起こしているのと同じ時代の潮流が、エンジニアの地位の低下を引き起し、エンジニアUIデザインをしたがる動機を創り出している。 Googleは、「エンジニアの会社」という皮をかぶった「企画・マーケティング・デザイン」の会社である。 エンジニアよりデザイン能力の低いダメデザイナーがうじゃうじゃでてくる構造。 優秀な人ならデザインスキルがなくてもいいデザインができるのは幻想。現実には、デザインスキルの差は容易には超えられない壁。 デザイナーに必要な技術的知識とエンジニア技術的知識は別物なので、エンジニア技術力はデザインをする上でそれほど強みにならない。したがって、技術力とデザイン力を兼ね備えた優秀なデザイナーはエンジニアとデザイナーのハイブリッドではない。 一人の人間がUIのデザインと実装を両方やると二兎を追うものになってUIの質が低下する。二兎を追

    分裂勘違い君劇場 - エンジニアがUIデザインしたがる本当の理由
    totttte
    totttte 2008/06/29
    文系vs理系みたいなもんかー。自分もこういう風になっちゃうのありえそうだから、もうちょっと心広くしようと思った>営業は技術を甘く見る。エンジニアはデザインを甘く見る
  • やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん!

    こんな話題はいまさらかもしれない! それはわかってます! だけど書きたい! なにって、[OK]ボタンの位置のことです! これって右に置くのが自然だよ絶対!! 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい! ウェブは横書き! 左から右に読む! 左からやってきたんだから、[戻る] のは左! 右に進んでいくんだから、[進む] のは右! だから、[次へ] も [保存] も [OK] も右が自然! ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一

    やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん!
    totttte
    totttte 2008/06/22
    「次へ」と「戻る」の関係から右だろう。という。Macと対抗するためにあえてUI逆にした。っていう。
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
  • 会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!

    エントリは、20〜40代PCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ

    会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!
  • Wiiテレビの友チャンネルが家電業界に与えたメガ・ショックとは - キャズムを超えろ!

    ちょっと古い話になってしまったが、Wiiテレビの友チャンネル、ありゃぁ相当家電業界にショックを与えたよ、という話。 Wiiの新いチャンネル「テレビの友チャンネル」が先日リリースされた。日のブログスフィアではあまり話題になっていないようだが、家電メーカーの中では蜂の巣をつついたような大騒ぎになって...いたはず。現に先日会った家電メーカーの人からも真っ先に出たのがこの話題だ。 このリリースで大きな意味を持つのは以下4点だ。 テレビの脇役だったゲーム機が"テレビ放送"そのものに絡む機能を搭載してきたこと デジタルEPGデータ+ユーザー参加型メタデータという聖域にWiiというNot家電Butメジャーな商品で踏み込んできたこと EPGデータの新しい表示方法が発明*1されたこと UIを工夫すればリモコンボタンは1〜2個で十分だということを実証したこと 順に解説していこう。 テレビの脇役だったゲーム

    Wiiテレビの友チャンネルが家電業界に与えたメガ・ショックとは - キャズムを超えろ!
    totttte
    totttte 2008/03/15
  • http://youmos.com/news/glt_js

    totttte
    totttte 2007/11/26
    tooltip css js/glt.js css/ie.css css/glt.css images/rounded-bottom.gif images/rounded-top.gifの計5つを置かないと正しく表示されないので要注意。
  • メニューが燃え上がるなどの劇的な効果を可能にする「Beryl」

    右クリックして出てくるメニューが炎を上げて燃えるようになります。なかなかすさまじいこの画面効果の正体は「Beryl」というもので、OpenGLを利用するコンポジティングウィンドウマネージャ「Compiz」から派生したもの。 ほかにも、デスクトップ全体を3次元空間のキューブ上にして回転させるとか、アラートの際に波紋を出すとか、いろいろできます。 再生は以下から。 YouTube - Beryl burn(燃えるメニュー) YouTube - Beryl ripple notification(トレイ部分のアイコンが波紋を出してお知らせ) YouTube - Burning Windows 2(燃えるウインドウ) YouTube - Beryl Effects Video(いろいろな効果) 管理者日誌: Ubuntu Edgy+XGL+Berylの動画アップ! 以下にちょっと詳しい解説がありま

    メニューが燃え上がるなどの劇的な効果を可能にする「Beryl」
  • 1