グーグルはサンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Webの新しい技術「Web Components」を用いてユーザーインターフェイスの部品化に取り組んでいることを明らかにしました。 Web Componentsは現在W3Cが策定中の技術で、カスタムタ... 続きを読む

• www.publickey1.jp
• テクノロジー

●楽天 編成部 モバイル戦略課 課長の筈井昌美氏と、同課 モバイルUI & UXグループ モバイルUI & UXチーム チームリーダー 脇阪善則氏 “スマートフォンナイゼーション”を推進している。戦略課ができたのは今から2年半前。当時はモバイル、スマートフォンの専... 続きを読む

• itpro.nikkeibp.co.jp
• テクノロジー

2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明... 続きを読む

• blog.livedoor.jp:lunar...
• テクノロジー

一口にJSerといっても、色々な分野の人がいます。そこで、独断と偏見……というか主に偏見で三種類にまとめてみました。 あなたはどのJSerになりたいですか？ 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コー... 続きを読む

• ginpen.com
• テクノロジー

WEB以上にUIが重要視される、モバイルアプリ開発。当然醸成も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけ... 続きを読む

• design-develop.net
• テクノロジー

A collection of screenshots encompassing some of the best looking Android apps, and / or apps with interesting user interfaces, hopefully providing some inspiration or insight into Android UI...A collection of screenshots encompassing some of... 続きを読む

• androidniceties.tumblr...
• テクノロジー

2012年7月26日にクックパッドオフィスにて行われたクックパッドUIデザイン勉強会で、片山が発表した資料の一部です。 続きを読む

• speakerdeck.com
• テクノロジー

当たり前を当たり前だと思ってはいけない！スマートフォンUIデザイン — Presentation Transcript  自己紹介Twitter : cotora_designグラフィックデザイナー主にiPhoneAppのUIやIFデザインWebデザインを制作しています  UIとはユーザーインターフェースの略... 続きを読む

• www.slideshare.net
• テクノロジー

Android UIの特徴、pxに変わる単位dp（density independent pixel）。 slideshare.net → 続きを読む

• cmmntr.com
• テクノロジー

勘違いだらけのAndroid UIデザイン — Presentation Transcript 1 WAVEイベントセミナー・アプリ制作勉強会勘違いだらけのAndroid UIデザイン Android UI Design, Too Much Misunderstanding Nobuya Sato Secret Lab, Inc. August 21st., 2012 Twitter: #appsem... 続きを読む

• www.slideshare.net
• テクノロジー

HTML5で導入されたplaceholder属性によって、フォームフィールドにプレースホルダを設定できるようになりました。さて、プレースホルダとはそもそもなんでしょうか。また、どのようなテキストを書けばよいのでしょうか。 プレースホルダとは フォームフィールド... 続きを読む

• myakura.github.com
• テクノロジー

A collection of free jQuery Plugins which create stylish loader screens for your website. jquery, jquery loader, loader, loading, pre loader, websiteI remember those days when Macromedia Flash ruled the world web interaction. Every dynamic mo... 続きを読む

• coding.designzzz.com
• テクノロジー

ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち | Think IT thinkit.co.jp UIデザインを考える上で、ソフトウエアエンジニアにとってもためになるであろう4冊の著作を、書籍内の印象的な言葉とともにご紹介しようと思います。 UXが生ま... 続きを読む

• it-ch.net
• テクノロジー

今日、 ありえるえりあミニ勉強会#3 ～Sencha Touch で 「HTML5 x Touch UI の UXを考える」というタイトルで発表してきます。 その資料がとりあえず出来たので、一足お先に こちらで公開します。  UX on HTML5 x Touch UI from dsuket Webアプリの Touch UI で... 続きを読む

• dsuket.hatenablog.com
• テクノロジー

なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSas... 続きを読む

• nagayama.hatenablog.com
• テクノロジー

Submit an app Send me the Google Play link of an app you like and I will categorize and feature it here 続きを読む

• www.android-app-patter...
• テクノロジー

スマホ&タブレットデザインのこつ — Presentation Transcript スマートフォンタブレットデザインのこつ 2012/06/03 植草 学 @mauekusa 市場状況 7割 スマートフォンhttp://mb.softbank.jp/biz/trend_report/114.html タブレットも右肩上がりhttp://mb.softbank... 続きを読む

• www.slideshare.net
• テクノロジー

ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正... 続きを読む

• japan.cnet.com
• テクノロジー

Using CSS3 to create Google-style UI elementsCSS3 Google Buttons CSS3 Google Buttons helps you easily create Google-style buttons. Buttons The "buttons" can be created by adding class="g-button" to any appropriate <a>, <button>, or <input> el... 続きを読む

• todc.github.com
• テクノロジー

ぼくはまちちゃん！(ブログ)@Hamachiya2 はまちや２ @Hamachiya2 自己紹介 こんにちはこんにちは！！ 「はまちちゃん」とかで適当にググってください。 本日のテーマ 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラム... 続きを読む

• hamachiya.com
• テクノロジー

Android最新技術動向(2012.2) — Presentation Transcript Android 17-D-3 Android Developers Summit 2012Saturday, February 18, 12  Android 4.0    (READ_PHONE_STATE)  Developers Summit 2012Saturday, February 18, 12   Google API Exper... 続きを読む

• www.slideshare.net
• テクノロジー

最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提と... 続きを読む

• masaki0720.tumblr.com
• テクノロジー

Statistics Favorites 1 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 8 Total Views 8 企画が考えるスマホUIデザイン — Presentation Transcript 企画が考えるスマホUIのデザイン 水島 克 2012.2.28 Aiming Inc. 昨今のゲームUIの傾向AAAタイ... 続きを読む

• www.slideshare.net
• テクノロジー

Welcome to Android Design, your place for learning how to design exceptional Android apps. Creative Vision 続きを読む

• developer.android.com
• テクノロジー

このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

こんにちは。横幕です。 今回もAndroid(TM)開発についてお話をしたいと思います。 設定画面の作り込み 今回のトピックは、設定画面のちょっとした工夫の仕方についてです。 Androidでは、PreferenceActivityという設定画面を作るためのActivityが用意されていま... 続きを読む

• alpha.mixi.co.jp
• テクノロジー

.NET開発者中心 厳選ブログ記事 開発者が知っておくべき、6つのUIアーキテクチャ・パターン ―― 「matarillo.com」より ―― 猪股 健太郎 2011/12/15 「.NET開発者中心 厳選ブログ記事」シリーズでは、世界中にある膨大なブログ・コンテンツの中から、特にInsi... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

Introduction はじめまして。ジェネシックスでUIデザイナーとして働いている「もち」こと＠mihamochiです。 この記事は、ジェネシックス内で初めてAndroid端末向けアプリケーション開発に携わるデザイナーが、戸惑うことなく作業を始められるようデザインの各ス... 続きを読む

• genesixdev.wordpress.com
• テクノロジー

iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省... 続きを読む

• greety.sakura.ne.jp
• テクノロジー

UIについて徒然と考えるメモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバッ... 続きを読む

• fladdict.net
• テクノロジー

スマートフォンアプリのUIの話 〜 ボタンについて 色々と自分の中の考えをまとめるためのメモ。 ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御で... 続きを読む

• fladdict.net
• テクノロジー

こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを... 続きを読む

• techblog.yahoo.co.jp
• テクノロジー

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。 fluidIAはHTML/JavaScript製... 続きを読む

• www.moongift.jp
• テクノロジー

Google Phoneこと、Nexus Oneを入手しました。 シアトルから送ってくださったMasuiさん多謝ですー。 とりあえず、ざっと触った雑記。 ・工業製品としてのNexus One 第一印象としては、とても素晴らしい出来。 ボディーは金属と軟質プラスチックの組み合わせ。 ... 続きを読む

• fladdict.net
• テクノロジー

 デビッド・ポーグ 「シンプルなものは売れる」 (TED Talks) David Pogue / 青木靖 訳 2006年2月 (♪「サウンドオブサイレンス」の節で) やあボイスメール 懐かしき友よ またテクニカルサポートに電話した 上司の忠告を聞かず 月曜の朝に電話した 今はもう夜中 ... 続きを読む

• www.aoky.net
• テクノロジー

 感情に訴えるデザインの3つの要素 (TED Talks) Donald Norman / 青木靖 訳 2003年2月 今度から美に生きることにしました。(笑)  みんな言ったものです。ノーマンはいいけど、彼の言う通りにやると使いやすくてみっともないものができる。そんなつもりはなかっ... 続きを読む

• www.aoky.net
• 暮らし

Name (必須) Mail address (非公開) (必須) URI Remember personal info Yes No Commentスタイル指定用の一部の HTMLタグが使用できます。 Add Your Comment Trackbacks:0 Trackback URL for this entry http://www.ideaxidea.com/archives/2009/08/jquery_week... 続きを読む

• www.ideaxidea.com
• テクノロジー

ユーザに何かのアクションを起こさせようとする時にマウスオーバーでボタンを点滅させたり、色を変えるようなアクションを行うことがある。文字の色を変えるくらいなら簡単だが、ボタンを作成したりするのは面倒に感じてしまう。 光り輝く文字は相当目立つ だが... 続きを読む

• www.moongift.jp
• テクノロジー

ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビ... 続きを読む

• www.bebit.co.jp
• テクノロジー

Webタイポグラフィまとめ 2009–01–22 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識... 続きを読む

• archiva.jp
• テクノロジー