「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
名前とは裏腹に考え抜かれたユーザーインターフェースを持つタブレットのデザインコンセプト「弁当Box」
iPadに続き、メーカー各社から次々と新しいタブレットが発売されている昨今ですが、新たなタブレットのデザインコンセプトとして素晴らしいアイデアが公開されていました。その名も「弁当Box」。 弁当箱の名の通り、弁当Boxの中にはさまざまなデバイスが収納されており、シチュエーションに合わせてこれらを組み合わせて使ったり、取り外して個別に使用したりすることが可能。名前に似合わず考え抜かれたデザインになっています。 弁当Boxの詳しい内容は以下から。Bento Laptop Tablet Hybrid by René Woo-Ram Lee » Yanko Design これが弁当Boxの全体象。 お弁当箱の中身は、15.4インチ、16:10 OLCDの「弁当Book」、11インチ、21:9 OLCDの「弁当Pad」、1TB SSDの「弁当Pod」、4インチ、16:9 OLCDの「弁当Phone」
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
4.音と映像とインターフェイスの連携 - Simple Inspiration
前章3. SiON と DisplayObject の連携の続きです．後半では，インタラクティブな音生成Flashにおいて重要になると考えられる，音の遅延といかに上手に付き合うか，について少し考えてみようと思います． インターフェイスとの連携 クリックやキー入力といったユーザーアクションに反応して音を鳴らす場合，delayとquantize を0に設定して最速で音を生成します．音の合成は関数呼び出し後の最初のストリーミング時に行われるため，発音の遅延は一定ではありません． ユーザーアクションに対応して"音楽と同期した"音を鳴らす場合は，delay と quantize で同期タイミングを設定して呼び出します(Synchronized Sequence)．この場合，音楽に同期させるための遅延が余計に発生します．この"音楽に同期させるための遅延"は，SiMMLTrack::trackStart
iPadの新規性はタブレットサイズのユーザインタフェース - @masuidrive blog
Photo by -: pranav :- iPadが発表され、いろいろなメディアやブログで紹介されています。 ハードウエア的には目立ったところがないため、多くの人に取ってあまり目新しさがなく、残念に思った人も多かったように感じます。 私がiPadに期待するところは、タブレット型デバイス向けの、新しいユーザインタフェースです。 うちには、富士通製のWindowsXPのピュアタブレット(キーボードが無くペンだけで操作するタイプ)があります。 ちょっと重いのですが概ね便利で、布団や居間でネットをするときに使っています。 しかし、普通のWindowsアプリケーションは、マウスでの操作を前提にしているので、余り使いやすくありません。 普通は、Firefoxを起動しっぱなしにしているのですが、いくつかアドオンを入れて、さらに自作のアドオンも使っています。 iPhoneが成功した一つの要因に、OSXの
Throbber - Wikipedia
This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. Find sources: "Throbber" – news · newspapers · books · scholar · JSTOR (June 2010) (Learn how and when to remove this template message) A typical throbber animation like that seen on many websites when a blocking actio
第36回 手品とインタフェース | WIRED VISION
第36回 手品とインタフェース 2009年10月14日 （これまでの増井俊之の「界面潮流」はこちら） 奇術や手品は人間の錯覚や勘違いを最大限に利用したエンターテインメントです。人間は錯覚や勘違いの固まりですから、突然何かが変化しても気付かなかったり/慣れたものを見逃すことが多かったり/手品の達人は観客の目前でも易々とイリュージョンを見せることができ、観客はそれを見て驚き楽しむことができます。人間の知覚能力や認識能力がたいしたものではないという事実は多くの場合は不利だと思われますが、そのおかげで未熟な技術でも実用的に使えて都合が良いこともあります。テレビや映画は1秒間に30枚以下しか画面を表示していないにもかかわらず、動画がなめらかに動くように見えるのは人間の知覚能力が低いおかげといえるでしょう。 勘違いをしやすいという点は、逆に考えるとイリュージョンを見る能力があるという長所だと考えること
YAMDAS現更新履歴 - 最低なユーザインタフェースを実現する14の黄金律
SAP Design Guild -- Golden Rules for Bad User Interfaces こういう記事は好きだな。うまくニュアンスを訳せないものもあるが、詳しくは元ページを見てくださいな。 ユーザを不要な作業で煩わせ続けろ！ 標準に従うな！ 動作を遅くしろ！ 可能な限り省略形を使え。元の用語を入れるスペースがある場合は特に 技術用語でユーザを教育しろ 重要でよく利用する機能はユーザの見えるところから隠せ アプリケーションはマウスだけで操作させる。キーボードショートカットなど提供するな アプリケーションの利用を真のチャレンジにしろ！ エンドユーザを避けろ！ 悪い例のメッセージを使いまくれ！ ユーザの予測に反した悪いデフォルト値を設定するよう気を遣え システムが応答する度に作業のコンテクストを破壊しろ ユーザに楽させるような機能を捨てろ。奴らは煩わせておけばよい 時間や
iPhoneアプリのツールバー部分に使えそうなアイコン色々:phpspot開発日誌
知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。 30 Free Vector Icons | Dezinerfolio 綺麗にまとまったデザインで種類も次のような３０種類がまとまってます Glyphish – Great icons for great iPhone applications 130種類の商用利用可能な汎用アイコンセット。 Free iphone toolbar icons こちらも、商用利用可能な160種類の汎用アイコンセット app-bits : iPhone Toolbar Icon Set : iPh
ケータイカメラを使った「ぷにぷにインターフェース」、KDDIが公開
コントローラの中に描かれた模様の動きをカメラで検出し、上下左右・拡大／縮小・回転といった動きに変換する。たとえばバネを右に倒せば画像の位置が右にずれるため、横に移動したと判断する仕組みだ。 KDDIは2008年のCEATEC JAPANにおいて、携帯電話のカメラからの映像を解析することで動きを判別する「直感コントローラー」という技術を公開していた。今回の展示はこの技術を使ってより操作性を高めたもので、KDDIでは「直感コントローラー2」と呼んでいる。 携帯電話のカメラ部分に輪状の磁石を取り付け、コントローラをくっつける仕組み。このため、既存の携帯電話に専用アプリをインストールすれば利用できる。また、コントローラには特別な部品などは使っておらず、低コストで量産できるという。 携帯電話向けゲームでジョイスティックとして使えるほか、Bluetoothを使って大型ディスプレイなどと通信すれば、リモ
HTTPエラーページに意味を持たせよう
Translation of: Adding meaning to your HTTP error pages! by Stuart Colville This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license はじめに ウェブ上で何かを検索しようとすると、既に存在しないページしか検索結果になく、それらへのリンクをクリックすることはよくあるだろう。その開いたページにデフォルトのエラー・メッセージの他に何も情報が載っていなかった場合、多くの人々は戻るボタンを押し次の検索結果を開こうとするだろう。 サイト製作者である我々はもっと訪問者に意味のあるエラーページを作成することができる。そうすればたとえエラーページであっても訪問者をサイトに留まらせ、彼ら
ユーザーの行動を“先読み”してメニュー表示――エイチアイが提案するケータイUI
携帯電話の多機能化、高機能化は多大なメリットをもたらす一方で、操作の複雑化を招き、操作の煩雑さがユーザーを悩ませている。使いたい機能が見つからない、アクセスするまでの操作が面倒、といった声も多く、キャリアやメーカーが使いやすいUIの開発に力を注いでいる。 こうした中、レコメンド型のUIで操作性の問題を解決しようというのがエイチアイだ。3D描画エンジン「MascotCapsule」の開発で知られる同社は、家電や民生機器、携帯電話などのモバイル機器向けUIの開発も手がけており、5月13日から東京・ビッグサイトで開催中の第12回 組込みシステム開発技術展（ESEC）の同社ブースで開発の成果を披露している。 ユーザーの行動を解析、利用シーンや時間に応じてメニューを“先回り”で表示 「今のインタフェースは、人が何らかのアクションを起こさない限り、デバイス側からは何もしてくれない。エイチアイのUIは、
「タッチスクリーン上に物理ボタンを出現・格納」新技術(動画) | WIRED VISION
前の記事 「最古の彫刻」：7万年前の抽象芸術と3万年前のビーナス像 電気自動車のバッテリー自動交換ステーション、横浜で公開(動画) 次の記事 「タッチスクリーン上に物理ボタンを出現・格納」新技術(動画) 2009年5月14日 Priya Ganapati さまざまなボタンを提供できるATMの試作品。Photo:Chris Harrison 『BlackBerry』ユーザーと『iPhone』ユーザーは、どちらの入力システムが優れているかという、きりのない議論を続けたがるが、新しいディスプレーによって、両者の橋渡しがされるかもしれない。タッチスクリーン技術に物理ボタンを組み合わせ、アプリケーションに応じてボタンを出現させたり消したりできる試作品が登場したのだ。 カーネギー・メロン大学の博士課程の学生2人が開発したこのディスプレーには、3つの機能が備わっている。まず、ポップアップ式の物理的なボタ
Home
The constant hunt for more efficient and useful ways to use these 3d printers keeps turning up interesting results...
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
Engadget | Technology News & Reviews
Doctor Who is back, louder and more chaotic than before
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
http://japan.internet.com/busnews/20090508/7.html
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum
http://www.dasher.org.uk/TryJavaDasherNow.html