UI

Silverlight 4のTipsから、ボタンをクリックした部分が開閉してテキストを表示するアコーディオンメニューを作る。

Silverlight 4のTipsから、クリックに合わせてページがスライドインするナビゲーションを解説。

業務利用という目的下でのスマートフォンの選択、そして業務適したUIについて解説。  

全5回連載の最終回では、ビジネスにおけるモバイルの動向と、それに画面/帳票がどうかかわってくるのかについて解説します。

JavaScriptライブラリと聞くと、デザイナーやマークアップエンジニアの方には無縁のものと思われるかも知れません。しかし、Yahoo! UI Library（YUI）にはもう一つ「CSSライブラリ」というものがあります。今回は、CSSライブラリの使い方を紹介します。

Yahoo!のライバルと言えば、Googleをおいてほかにはないでしょう。両者の違いを比べると、「コンテンツ力のYahoo!、技術力のGoogle」といったイメージがあるかもしれません。Yahoo!は、ニュースや、地 図、不動産情報、ショッピング、オークションなど、ここに来るだけでどんな情報でもそろうほどのコンテンツ量を誇っています。対するGoogleは、検索エンジンの技術はもちろん、Google Chromeという独自のWebブラウザの提供、GmailやGoogleドキュメントなどのWebアプリケーションの展開など、次々と最先端の技術力を駆使して、次 々とインターネット業界に革命を起こしています。

今回も引き続き、「使い方」の観点からユーザビリティを考えます。前回はフォームの主にフロントエンドについての解説でした。今回もフォームの操作に関連する内容になりますが、よりシステム寄りなアプローチを中心に据えます。  

多くのWebサイトでは、ユーザーにフォームから何らかの情報を送信してもらうことが非常に大きな目的となります。ブログやSNSに代表される、ユーザー自身がコンテンツを作成するような場合では、フォームの操作がWebサイトの基本操作となります。また、ECサイトではフォームを操作して、購入のアクションを完了してもらうことが最大の目的です。  

Web制作の現場で「ユーザビリティ」という言葉が注目され始めたのは2000年ごろからでしょうか。それ以来、Webデザインの専門誌では頻繁に取り上げられ、今ではWebサイトを評価する際の大きな指標の1つとなった感があります。しかし、その一方で、システム開発の現場では、ユーザビリティの概念はあまり浸透していない印象があります。  

This week we will be looking at what it means to design and develop web software as opposed to designing a website. Over the last 5 years or so, there has been a shift towards providing software services online. These services range from email to blogging and photo storage and management. One of the main differences between these web applications and typical websites is the richness of the types of interaction between the application and the user.  

Over the next month I will be giving you an inside look at what it is like to work as a designer/developer at a successful social website.