ユーザーを魅了するUIはまぐれでは生まれない
UIとUXの意味と価値をもう一度考えよう。大ヒットアプリ、LINEのプロダクトデザイン担当者が、制作現場での具体的な開発手法を語った勉強会をレポートする 2012年11月7日、六本木ヒルズにあるアカデミーヒルズ49階で「第4回テックヒルズ UI、UXの衝撃 ～ユーザーを魅了するプロダクトの裏側～」が開催された。UIとUXの根本的で分かりやすい解説がなされ、大人気アプリ「LINE」ヒットの裏に隠された緻密なUI／UXへのアプローチ方法や、実際の開発現場のノウハウが学べる勉強会だった。Webサイトやアプリに限らず、ユーザーにとって魅力的なプロダクトを作るための知識が披露された。 UXを意識したUI設計を UX Tokyo（UX関連の実践家ネットワーク）所属で、ミクシィの酒井洋平氏は、自身の朝の通勤風景を撮影した動画をスクリーンに流した後、UIとUXの定義を次のように語った。 「UXとはユーザー
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
売れるソーシャルアプリ開発のコツを成功者から学ぶ - ＠IT
リアルフレンドのゲーム体験というのは、実際に会ったことのある友達や知人とゲーム内でも関係を築くもので、mixiやFacebookで多く見られる。一方、バーチャルフレンドのゲーム体験というのは、実際に会ったことのない人と仮想環境でゲームを通じて関係を築いて楽しむというもので、モバゲーやGREEに多く見られるという。 この関係とゲームの内容がマッチしているかが、ヒットするかどうかに大きくかかわってくる。 「モバゲーの『怪盗ロワイヤル』は、mixi版も出ました。このゲームは、ユーザー同士がアイテムを奪い合うというものですが、mixiのようにお互いに知っている人同士、つまりリアルの友達関係にあると、本気で奪い合うのは難しいと考えています。 モバゲー版、GREE版、mixi版いずれに対してもシステムを共通化して出せると効率は良いですが、出したとしてもリアルフレンド同士で受けるもの受けないもの、バーチ
IE開発者ツールでJavaScriptコードを整形して表示するには？ - ＠IT
Webブラウジング中にショートカット・キー［F12］を押すと起動できる「開発者ツール」が、バージョン8以降のInternet Explorer（以下、IE）には搭載されている。開発者ツールは、現在開いているWebページのHTMLコード内の各要素をツリー形式でビジュアルに表示したり、Webページ上の要素をクリックして、それに該当するコードを表示したり、HTMLコードやCSSプロパティなどをその場で試しに書き換えてリアルタイムにWebページの表示を変更したりできるなど、Web制作に役立つ機能がそろっている。そういったWeb開発用機能の1つとして、JavaScriptコードのデバッグ機能がある。 IE9では、この開発者ツールが強化され、JavaScriptコードの書式を整形して、見やすく表示する機能が追加された。本TIPSでは、この機能の使い方を説明する。 ■開発者ツール（IE9以降）のJava
ITエンジニアに送る「はじめての時間管理術」
仕事をする際、基本となる「時間管理」。しかし、「自分には向かない」「スケジュールどおりにいかないから面倒くさい」と思っている人はいないだろうか？ しかし、時間管理とは、実に「簡単」で「フレキシブル」なものなのだ。時間管理術のプロが、すぐに始められる「時間管理術」を紹介する。 納期の前日に「バタバタ」と慌てて仕事を片付ける……。あなたはそんな「バタ男」（もしくはバタ子）になっていないだろうか？ バタバタしたいわけでは決してない。なのに、いつもバタバタしてしまう。だとしたら「タイムマネジメント」（時間管理）を試してみてはいかがだろうか。 タイムマネジメントとは、文字どおり「時間をどう使うか」を考えて行動することだ。つまり、「事前に時間の使い方を計画して行動すること」である。このタイムマネジメント次第で「バタ男」状態は大きく改善できる。 「計画どおり？ 無理むり」――タイムマネジメントにまつわる
連載：［完全版］究極のC#プログラミング - ＠IT
第2回 簡潔なコーディングのために （2017/7/26） ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている 第1回 Visual Studio Codeデバッグの基礎知識 （2017/7/21） Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう 第1回 明瞭なコーディングのために （2017/7/19） C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える Presentation Translator （2017/7/18） Presentation TranslatorはPowerPoint用のアドイン。プレゼンテー
キャッシュ・フロー計算書の仕組みと見方
意外と知られていない会計の知識。元ITエンジニアの吉田延史氏が、会計用語や事象をシンプルに解説します。お仕事の合間や､ティータイムなど。すき間時間を利用して会計を気軽に学んでいただければと思います。 キャッシュ・フロー計算書は、上場企業が開示する財務諸表の１つであり、一期間中の資金の収支を明らかにするものです。損益計算書はその期間の経営成績を表すためのものですが、このキャッシュ・フロー計算書は、一定期間における実際の収支が分かるものです。キャッシュ・フロー計算書は、損益計算書と貸借対照表をベースに作成しますが、表示方法が特徴的で、見にくい部分があります。今回は、キャッシュ・フロー計算書の仕組みと見方について解説します。 【1】実際にキャッシュ・フロー計算書を見てみよう キャッシュ・フロー計算書は、通常、連結ベースでの開示しかありません。ソフトバンクグループの平成20年度3月期の有価証券報告
HTMLを知らない人でもWebサイトが作れるCMSとは？（1/3） － ＠IT
独断と偏見のCMS比較 いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム（Content Management System）」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは？ 「デザインハック」コーナー CMSの流行 さて今回は、これまでのようなWebオーサリング（Webサイト構築）ツールの話を少し離れて、最近話題に出ることが多くなってきた「CMS」（Contents Management System／コンテンツ管理システム）の紹介をしていきたいと思う。 CMSは、HTML（XHTML）＋CSS（＋Ajax／JavaScript）などのような、Webページを作成するための専門知識を必要とせずに、Webサイトのコンテンツ管理を実現する仕組みである。今回紹介するような無償のものから、大規模サイトの管理
HTMLタグ名や属性値からの参照をマスターしよう
DOMでは、さまざまな要素参照方法を規定している。今回はHTML内のタグ要素の参照方法や、タグの属性値の取り出し方を押さえよう。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、おもにDOM Level 1で規定されている手法を使って、JavaScriptを使ってどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説していきます。JavaScriptからHTML要素を手に取るように操れるようになります。 ここでは、HTML内の各タグ要素の参照方法、テキストの値の取り出し方、タグの属性値の取り出し方を見ていきます。DOMでは、さまざまな要素参照方法を規定しています。それぞれの違いを見極
Smartyでテンプレートエンジンの威力を知る（1/3） − ＠IT
テンプレートが果たす役割 改まったビジネス文書や手紙の作成にはしばしば、テンプレートが利用されます。テンプレートに差出人や相手方の情報を入力するだけで、気の利いた季節のあいさつや丁寧な結びの句を織り交ぜた文書を簡単に作成することができます。 さて、PHPはHTMLタグとPHPコードが共存できることを特徴とし、多くの利用者を獲得してきました。しかしPHPコードが冗長になるにつれ、HTMLの記述が複雑になり、デザインの修正が難しくなる傾向があります。 そこでPHPにおいても、文書テンプレートのアイデアを取り入れた「テンプレートエンジン」が利用されます。 テンプレートエンジンを利用すれば、PHPコードで作られたロジックが吐き出す値を、HTMLデザインを分離したテンプレートに埋め込むことが可能になります。この結果、ロジックを作成する作業と、HTMLデザインを編集する作業を分担して行うことが可能にな
新発想の業務フローチャート作成術 - ＠IT情報マネジメント
松浦 剛志（まつうら たけし） 株式会社プロセス・ラボ 代表取締役 京都大学経済学部卒。東京銀行（現三菱東京UFJ銀行）審査部にて企業再建を担当。その後、グロービス（ビジネス教育、ベンチャー・キャピタル、人材事業）にてグループ全体の管理業務、アントレピア（ベンチャー・キャピタル）にて投資先子会社の業務プロセス設計・モニタリング業務に従事する。 2002年、人事、会計、総務を中心とする管理業務のコンサルティングとアウトソースを提供する会社、ウィルミッツを創業。2006年、業務プロセス・コンサルティング機能をウィルミッツから分社化し、プロセス・ラボを創業。プロセス・ラボでは、業務現場・コンサルティング・アウトソースのそれぞれの経験を通して培った、業務プロセスを理解・改善する実践的な手法を開発し、研修・コンサルティングを提供している。
多彩なLog Parserの出力機能 ― ＠IT
第2回 多彩なLog Parserの出力機能：無償ながら強力なログ解析ツールLog Parserを活用する（1/4 ページ） 連載目次 前回は、Log Parserの概要紹介と入手、インストール方法、初歩的な使い方について説明した。前回のサンプルでは、Log Parserを使ってシンプルなテキスト形式のデータを出力した。引き続き今回は、Log Parserからチャート（グラフ）を作成するなど、Log Parserが持つ多彩な出力機能の一部をサンプルとともにご紹介しよう。 Log Parserからチャートを出力する Log Parserでは、入力データを単純なテキスト・ファイルとして出力する以外に、チャート（Microsoft Office Graph）を出力したり、SQLサーバにデータ転送したり、テンプレート・ファイルを利用してHTML出力を行ったりできる。これらの具体的な使い方について説
AptanaでWebページ作成はここまでできる！（1/3） ― ＠IT
AptanaでWebページ作成はここまでできる！：どこまでできる？ 無料ツールでWebサイト作成（1）（1/3 ページ） 以前、無償版のWebオーサリング（サイト作成）ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか？ そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。 まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。 無料Webサイト作成ツールの最有力候補「Aptana」 EclipseベースのIDE（統合開発環境）であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。 オープンソー
WebページをワンクリックでPDF変換する「PDFLet」 － ＠IT
2007/08/02 アシアルは8月2日、WebページやHTMLファイルをPDF文書に変換するWebサービス「HTML2PDF.BIZ」にワンクリックでWebページをPDF変換する機能「PDFLet」を追加したと発表した。すでに提供開始している。 PDFLetは指定されたタグをHTML内に貼り付けるだけで設定できる。Webページに表示される「PDFLetボタン」をクリックするとウィンドウが開き、そのページのPDF文書が作成される。作成したPDF文書はダウンロードしたり、指定した電子メールアドレスに送信できる。ボタンを埋め込む際に任意のURLを指定すれば、そのWebページのPDFを出力することもできる。
10のアプリケーションロールパターン ― ＠IT
インタラクションデザインパターン（2） アプリケーションロールデザイン、 基礎の10パターン ソシオメディア 上野 学 2007/3/19 前回の「80年代のAppleに学ぶUIの部品化とガイドライン」では、インタラクションデザインの作業にパターンを活用することの有用性について説明しましたが、今回からは、実際にどのようなデザインパターンがあるのかを考えていきたいと思います。 私はこれまでの連載（ユーザビリティのヒント、Webアプリケーションのユーザーインターフェイス）を通して、インタラクションやユーザーインターフェイスのデザインはプログラムが出来上がってしまってから最後に付け加えるというものではなく、システムの基本的な品質を決定する重要な要素として設計の初期段階から考えなければならないものであると主張してきました。なぜなら、そのシステムが提供しようとしている機能を、画面の見た目や操作の流れ
プログラムにおける数の扱い方の常識
今回は、「数」に関する常識をJavaで身に付けていきます。数を扱うことはコンピュータやプログラムにとって重要な目的の1つです。また、プログラミング言語により数の取り扱い方に特徴が出ることが多いです。Java言語を通じて、数の扱いを見ていくことにより、それらプログラマーとしての常識を身に付けていきましょう 。 Javaにおける「数」 最初に、Java言語において数を扱う方法にどのようなものがあるのかを見ていきましょう。Java言語は強く「型」付けされたプログラミング言語です。そのため、数を扱う方法も「型」に着眼してみることが有効です。 プリミティブ型と参照型 Java言語の数に関する型を考えるに当たって、まずはプリミティブ型と参照型という視点で見ていきましょう。Java言語では、プリミティブ型による数値の型と、それに対応する参照型が提供されます。この点はJava言語の特徴的な点でもあります。
連載記事一覧
最短のXML入門とメタ言語 連載：XMLを学ぼう（1） 注目されつつもその実体はなかなか分かりにくいXML。そうした疑問に対して技術的な側面から、毎回ズバリと解説するのがこの連載だ。 第1回では、XMLとはなにか、という問いに簡潔に答える XMLのカタチ 連載：XMLを学ぼう（2） XMLによって作られた言語によって作成されるファイルを、「XML文書」と呼ぶ。XML文書の中で、すべての情報は文字によって表現される。XMLはどのような仕組みで情報を表現しているのだろうか、その構造と枠組みについて説明する
80年代のAppleに学ぶUIの部品化とガイドライン ― ＠IT
インタラクションデザインパターン（1） 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって
自由回答データを定量的な切り口で分析するには？ ― ＠IT情報マネジメント
Webなどを通じて、顧客や利用者の意見を集めることが簡単にできるようになってきた。しかし、非定型の自由回答データは非常に有意義な意見を得ることができる反面、分析するのに手間が掛かる。手軽に定量分析する方法はないだろうか？ Webや電子メール、ケータイの普及で、幅広くさまざまな意見を募ることが安上がりにできるようになってきました。最近ではブログやSNSなどのCGMと呼ばれる口コミ系メディアも花盛りです。 Webアンケートも広く行われていますが、アンケートの回答は「出題側の仮説に影響される」という制約があり、“意外な発見”にはなかなか結び付きません。 一方、メールなどで寄せられる自由回答や意見・要望はそうした制約もなく、何かビジネスのヒントがありそうですが定量的な分析ができないという弱みがあります。せいぜい分析者が文章を読んで主観的に解釈するぐらいにしか活用していないのではないでしょうか？ あ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やる気を引き出すプロジェクト管理 - ＠IT情報マネジメント