タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

HTMLとGUIに関するyoiITのブックマーク (7)

  • 「戻る」で入力データが消えてしまうフォームはいらない ― @IT

    Webアプリケーションのユーザーインターフェイス[6] 「戻る」で入力データが消えてしまうフォームはいらない 「寛容性とユーザーコントロール」 ソシオメディア 上野 学 2005/12/22 前回「入力情報を預かる責任を果たせる画面デザインとは?」は、あらゆる経験則の土台となる価値観として、「ユーザーを尊重する」というユーザー中心の姿勢について述べました。今回からは、Webアプリケーションのユーザーインターフェイス(UI)・デザインを行ううえで有効な経験則を、少し具体的に考えていきたいと思います。 その前にまず、連載の第1回「ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの」で触れた HCI(Human-Computer Interaction)の分野でよく挙げられる、コンピュータを用いた対話型システムの設計原則を紹介しておきます。ここでいう「対話型システム」とは、ユーザー

  • @IT:入力情報を預かる責任を果たせる画面デザインとは?

    Webアプリケーションのユーザーインターフェイス[5] 入力情報を預かる責任を果たせる画面デザインとは? 「ユーザーを尊重するということ」 ソシオメディア 上野 学 2005/10/19 前回の「お金を下ろせないATMの画面デザインを考える」では、そもそもシステムがユーザーの基的な目的を達成させるものでなければ、いくら表層的なデザインを最適化しても意味がないのだというお話をしました。ユーザーの基的な目的を達成させるためには、いうまでもありませんが、まずユーザーの要求をよく分析する必要があります。そしてそこから機能要件を決定し、画面の内容や画面遷移を考えていきます。使いやすいシステムを作り上げるためには、こういったユーザーインターフェイスやインタラクションのデザインをできるだけプロジェクトの早い段階で行う必要があるという話もしてきました。 では実際に画面の内容や画面遷移を決定していくうえ

  • @IT:お金を下ろせないATMの画面デザインを考える

    Webアプリケーションのユーザーインターフェイス[4] お金を下ろせないATMの画面デザインを考える 「利用者体験における質的な問題と表層的な問題」 ソシオメディア 上野 学 2005/9/16 前回まで(「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」「ユーザーが選びやすいフォームのカタチを考えよう」「UCD」)は、ユーザーインターフェイスやインタラクションデザインというもののとらえ方、代表的な GUI コントロールの振る舞い、そして使いやすい製品を実現するための設計プロセスといった、基礎的な話をしてきました。今回からはいよいよ、より実践的なデザインのノウハウに入っていきたいと思います。 実践的なノウハウといっても、デザインには絶対的な正解はありません。「プッシュボタンの大きさは20×60ピクセルで、画面の左端から80ピクセルのところに配置するのが常にベストです」

  • @IT:UCD=利用者中心設計のプロセスとは?

    Webアプリケーションのユーザーインターフェイス[3] UCD=利用者中心設計のプロセスとは? ソシオメディア 上野 学 2005/8/9 「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」「ユーザーが選びやすいフォームのカタチを考えよう」に続き、連載第3回は、ユーザーインターフェイスデザインの上流工程に着目して、利用効率が高くユーザーが目的を十分に達成できるシステムを作り上げるのに必要な、プロジェクト初期の取り組みについて考えていきます。 まず前提として、システムを利用するユーザーは何らかの目的を持っている、ということを意識することが大切です。ユーザーインターフェイスを評価するうえでは、この目的がどれぐらいスムーズに達成されたかという視点が重要になります。個々の画面がどれだけ論理的にデザインされていたとしても、そのシステムを利用した結果としてユーザーが来の目的を達成

  • @IT:ユーザーが選びやすいフォームのカタチを考えよう

    Webアプリケーションのユーザーインターフェイス[2] ユーザーが選びやすい フォームのカタチを考えよう ソシオメディア 上野 学 2005/6/24 前回「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」は、ユーザーインターフェイスというもののとらえ方と、それをデザインするうえでは、人とシステムとの対話であるインタラクションデザインを論理的に行わなければならないという話をしました。今回は、GUIをデザインするうえで必要な前提知識と、Webアプリケーションの課題、そしてウェブアプリケーションにおけるインタラクションの要となるフォームコントロールについて考えていきたいと思います。 ■WIMPインターフェイス GUIは、別名「WIMPインターフェイス」とも呼ばれます。WIMPとは、ウィンドウ(W)、アイコン(I)、メニュー(M)、ポインター(P)のことで、GUIを構成する代

  • @IT:Webアプリケーションのユーザーインターフェイス[1]-1

    Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが

  • すでに入り口にいるのに、ホームに導くボタンは親切か ― @IT

    Webアプリケーションのユーザーインターフェイス[7] すでに入り口にいるのに、ホームに導くボタンは親切か 「可視性とフィードバック」 ソシオメディア 上野 学 2006/2/15 前回の「『戻る』で入力データが消えてしまうフォームはいらない」では、経験則その2として「寛容性とユーザーコントロール」の話をしました。システム側がユーザーを信頼し、ユーザーのコントロール下でユーザーの思いどおりの振る舞いをすることで、ユーザーとシステム(あるいはサービスの提供者)との間に信頼関係が生まれ、利用効率や生産性が高まっていきます。 そこで今回は、どうすればユーザーが思いどおりにシステムをコントロールできるのか、どうすればユーザーはシステムが自分の思いどおりに動いていると感じるのか、ということを考えたいと思います。これが経験則その3、「可視性とフィードバック」です。

    yoiIT
    yoiIT 2006/02/15
    不親切
  • 1