エンジニアのためのUIデザインエンジニアでも使えるデザインの理論とテクニック
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
UIテストの自動化！Node.jsとSeleniumでWebアプリのUIテスト環境構築 – ICS MEDIA
Webアプリケーションを開発する際、みなさんはどのようにテストを行っていますか？ Webアプリケーションは、ユーザーごとに異なるブラウザを使用しており、ユーザー操作も必要となるため、手作業でテストをされている方も多いと思います。また、機能改修やバグフィクス後に、リグレッションテスト（改修により既存機能への影響がないかを確認する回帰テスト）が必要となりますが、時間が取れずしっかりとテストができていない方も多いのではないでしょうか。 本記事では、これらのテストを自動化することのできる「Selenium Webdriver」（セレニウム ウェブドライバー）について紹介します。 入力フォームのバリデーション機能をチェックするデモ 簡単な入力フォームのバリデーション機能をチェックするデモを動画で紹介しましょう。入力値に対して期待するエラー文言が表示されているかのテストを実施しています。Seleniu
インターフェイス指向設計 - yuku-t
2015-03-12 インターフェイス指向設計 book review 『インターフェイス指向設計』を読んだ。念の為に書き添えておくと、この本が指すインターフェイスというのは、いわゆるUIのことではなく、プログラミング部品としてのinterfaceのこと。 インターフェイス指向設計 ―アジャイル手法によるオブジェクト指向設計の実践作者: Ken Pugh,角谷信太郎(監訳),児島修出版社/メーカー: オライリージャパン発売日: 2008/05/24メディア: 大型本購入: 16人 クリック: 357回この商品を含むブログ (67件) を見る この本のいいところは オブジェクト指向プログラミングの肝は 高凝集 で互いに 疎結合 なオブジェクトを用いてプログラムを構築することにある という態度を一貫して保ち、その目的を達成するにはどうすべきかという観点からインターフェイスの利用について語ってい
2015年に向けたJavaScriptアプリケーションアーキテクチャ Part 1 | POSTD
私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。冗談はさておき、2015年を目前としてJavaScriptコミュニティのアプリケーションアーキテクチャの状況について目を向けてみるのは有益なことだと思います。合成、関数型の境界、モジュラリティ、不変データ構造、CSPのチャネルと、その他に関連するいくつかのトピックについて書いてみたいと思います。 合成 アーキテクチャのレベルでは、JavaScriptで大規模なアプリケーションを作成する方法に関してここ数年で少なくとも一つの根本的な変更がありました。機械の細かい違いにより生み出される単一指向性の データバインディング、不変データ構造と、仮想DOM （どれも興味深い問題ですね）などを除けば、多くの開発者が一つのキーコンセプト
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
UIデザインの参考になる高品質UIエレメント集:phpspot開発日誌
12 Creative Web UI Elements to Enhance Your Web Design | Sky Tech Geek UIデザインの参考になる高品質UIエレメント集がまとまっていて、PSDなどで入手可能です。 UIデザインはすでにあるデモなんかを利用してもいいんですが、ある程度の知識がないとカスタマイズで時間を取られてしまいますね。 PSDなどからパーツを自分で起こせるようにしておくとどんなUIでも実装の際に対応できそうです。 関連エントリ クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」 GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ
いよいよ実世界にタッチするiPhoneアプリまとめ - A Successful Failure
携帯電話は常に電源が入ったネットワーク接続デバイスであり、常時ユーザが持ち歩くと言う点において、ウェアラブルコンピューティング(Wearable Computing)で語られてきたユースケースを徐々に実現しつつある。特にiPhoneはGPS/コンパス/加速度などの各種センサに加え、アプリケーション開発自由度の高さから、現時点で最も開発アクティビティの高いデバイスであると言える。 本エントリではiPhoneアプリケーションのうち、特に実世界とのインタラクションを有するものについて紹介する。地図と連動して単純に現在位置から最寄りの施設やその施設のクーポン、イベント等を検索して提示するようなアプリ、単に音声を録音したり、音声コマンドを認識して動作するアプリは多く存在するが、本エントリでは扱わない。ここではiPhoneに搭載されているセンサを一工夫して実世界を認識し新たなサービスを提供するアプリに
ユーザビリティの専門知識に対する敬意を育てる
ユーザビリティの敵達は「専門家の意見が一致していない」という理由で主張し、ユーザを擁護する者の専門知識を難なく無視し、彼らが個人的に好きなデザインなら何であれ推進する。 Building Respect for Usability Expertise by Jakob Nielsen on July 6, 2009 よくある問題について、ある読者が私にアドバイスを求め、以下のようなメッセージを送ってきた: 対象分野の専門家と、彼らのコンテンツがウェブの読者のニーズにいかに合ってないかについて、職場で激しい口論をした後、今日、あなたの記事（デザインアドバイスの根拠としての、推測 vs. データ）を読みました。 私は小規模な州政府機関のウェブサイト管理者として、コンテンツの所有者の主観的な意見にいつもフラストレーションを感じています。彼らは私の提案を断固として拒否しつつ、私を非難するのです：
触覚フィードバック機能付きタッチスクリーン，Appleが特許申請
米特許商標局（USPTO）は米国時間2009年7月2日，米Appleから申請されている，触覚フィードバック機能付きタッチ・スクリーンに関する特許を公開した。Appleは，タッチ・スクリーン式のスマートフォンや携帯電話，各種モバイル機器に適用できるとしている。 同特許の米国特許番号は20090167704，タイトルは「Multi-touch display screen with localized tactile feedback」（部分的に触覚フィードバック機能を備えるマルチタッチ・ディスプレイ用スクリーン）。2008年2月8日に申請した。25件のクレームから成る。 微細な圧電素子などを格子状に配置してスクリーンに取り付け，スクリーン上の操作用オブジェクトに対する操作結果を振動でユーザーにフィードバックする（図）。スクリーンに表示しているボタンやホイール，スライドといった仮想的なユーザー
Webツールに最適な、ちょこっとだけ体験させるインターフェイス : ロケスタ社長日記
シフターというツールがあり、僕も使ってたりしてたんですが、そのプロモーションサイトがリニューアルしたらしいです。 これがなかなかどうして、ぐっとくるインターフェイスだったので紹介します。これはツール系のサイトをやっている人には参考になるのでは。 シフターとは？ そのまえに「シフター」って何よ、という話です。 シフターについては以下で紹介したことがあります。 アルバイトのシフトをWeb上で管理する「シフター」が相当イケてる : ロケスタ社長日記 簡単に言うと、アルバイトのシフト管理を効率よくできる、Web上のツールですね。いまだにＥｘｃｅｌとかでやっている人が多い中、Web上で管理できる数少ないツールの一つです。 シフターとは？ で、このインターフェイスの何がいいかというと、トップページ上で、シフターのツールのさわり心地を実際に試すことができるのですね。 こんな感じ。 今
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webdog - Uw Online Speurneus
Engadget | Technology News & Reviews
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
マウスオーバーをデザインする | DesignWalker
空中地球コントロールを作ってみました - toytools log