Roxanne はライブチャットやビジネスプロセス自動化を専門とする英国に本拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 ログアウトの体験は、ログインする回数が増えている中で見落とされやすいものです。素晴らしいUXほど、ユーザーを送り出すことよりも招き入れることに重点が置かれているのは当然かもしれません。しかし、重視されていないということは、ユーザーのログアウト体験が疎かになっていることを意味します。 最近、アカウントを作成したときのことを考えてください。そのブランドがWebサイトやアプリの入り口から、スムーズかつ素早くユーザーを迎え入れようと苦心しているのは間違いありません。アカウントを作成してアクセスするプロセスは、とても簡単で夢中になります。しかし、ログアウトに関しても同様に言えるということは、滅多にないでしょう。 ログアウトは
Unsolicited redesign of Disney Plus’ sign-up process by Jeff Shibasaki Part 1: The ChallengeBackgroundDisney+ is the on-demand, subscription streaming service that's home to movies, series and originals from Disney, Pixar, Marvel, Star Wars and National Geographic. ProblemUsers need a way to sign up to Disney+ that’s more benefit-driven and helpful at each step. If the sign-up process isn’t clear,
こんにちわINVITROの小蔵です。 UXはデザイン？UXデザインという言葉は困難な定義上の問題を孕んでいて、本当に「UX」をデザインできているのかを測るのが難しいという課題があります。モノの形や機能をデザインするのはわかりやすいですが、コトのデザイン、しかも個人の体験をデザインするとなると良し悪しの判断が難しそうな雰囲気が立ち込めてきますよね。 しかし端的に言えばUXはデザインですで良いと思われます。 UXのデザインは作るものが体験なので、どのユーザーがどのメディアを通してどういった体験をするかを時系列で設計する情報設計が作業の大部分を占めます。UIやポスターなどをデザインする際にもUIの目的やアクションの優先度、ポスターのメッセージやメインビジュアルに含まれる雰囲気（視覚的コンテクスト）などは情報設計なしには表現できないと言えますよね。 明文化されていないだけで、どの分野にも調査・情報
Over time I’ve found wireframes to be less and less useful, and I don’t think I’m alone. Because the term is somewhat loosely defined, it’s probably important to be specific. While there are many types of prototypes that examine levels of fidelity across various dimensions, I’d like to focus on the specific variant that most immediately comes to mind when hearing the word wireframe. It’s not a ske
Atomic Designは数ある分類方法のひとつ Atomic Design のように UI の『粒度』で分類することがあります。ボタンやフォーム要素のような小さな『分子』。大小様々な要素で構成された『ページ』と呼ばれる大きな集合体。UI を積み木構造のように考えやすくなりますが、Atomic Design 特有の思想であって、特定のアプリケーションの UI に適した分類ではない場合があります。 汎用性をもたせるために、Atoms、Molecules、Organisms、Templates、Pages の 5 段階が作られていますが、web サイトやアプリケーションによっては段階が多すぎます。無理に当てはめようとするあまり、Molecules かOrganisms かを議論するということにもなりかねません。 よくある話でボタンの分類があります。ボタンは Atom と呼べますが、アイコン付
「GUIでできることは、もう限界に達しているのです」という言葉には、なかなかどきっとさせられた。先日、監訳者の @nobsato さんが献本くださった「モバイルフロンティア よりよいモバイルUXを生み出すためのデザインガイド」(Rachel Hinman著／丸善出版)の中の一節だ。 私が最初にパソコンを触り出したのは1991年(学校で)、ネットをつなげて本格的に使い出したのは1996年(会社で)。本格的といったって私が使っていたのは英文タイプとかOfficeとかFilemakerとかクラリスワークスとか(懐かしい…)のビジネスアプリ中心なんだけど、この頃にパソコンのGUI環境はずいぶん整備されたと、一般ユーザーなりに記憶している。 それでも当時はいろいろ手つかずのところがあったので、ド素人ながらコマンドラインインターフェイス(CLI)に触れる機会ももつに至った。会社のWebサーバーにアクセ
アドビ システムズは、デザイン、編集、洗練されたプレゼンテーションをiPadで行うことができる最新アプリ「Adobe Proto」と「Adobe Collage」を発売した。価格はともに850円。 「Adobe Proto」は、シンプルなタッチジェスチャーでWebサイトとモバイルアプリのインタラクティブワイヤフレームとプロトタイプをデザインできる。最新のWebKitプレビューとjQueryのサポートしており、CSSグリッドシステムを使ってワイヤフレームの構築が行える。作成したワイヤフレームは、「Adobe Creative Cloud」と同期して、「Adobe Dreamweaver CS6」を使って、さらに作品の手を加えられる。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
実際に動的なウェブサイトを作ってしまう前に、紙上でデザインや部品の配置、画面遷移などを確認するペーパープロトタイピングという設計技法があります。書籍もありますね。 ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする そのペーパープロトタイピングの事例を集めたページというのがありました。たとえば次のこれは、2000年5月31日にスケッチされたtwitterのプロトタイプです。当時はstat.usという仮名で、これによるとtwitterはLiveJounal(ブログサービス)とAIM(インスタントメッセンジャー)から最初の着想を得てから実装まで5年以上の間があったことになりますね。 FlickrのPlacesページやVimeoなどのペーパープロトタイプの写真も紹介されています。 こちらは韓国のポータルサイトDaumのAjaxウェブメール開発時に行なわれた、ペーパープロト
前回「Keynote」でUIデザインをしている話を書きましたが、今回は具体的な例として普段の作業風景をMovieにまとめてみました。 (1)「Keynote」で画面パターンのラフデザインをします。 ※「Keynote」の描画力に注目！ (2)各ページにリンクをはって画面遷移を確認。共有したい場合はpdfに書き出して完了。 pdfに普通に書き出した場合、どの部分にリンクがはられているかが分かりにくいという難点があります。その場合は、Adobe Acrobat上でリンクを作成した方がいかにも「ボタン風」の見た目になって分かりやすいと思います。（詳しくは３番目のムービーで） また別の活用法として、グラフィックデザインを作り込む前段階のペーパプロトの状態で、その紙を写真におさめてpdfに読み込み、その上にリンクを貼るだけでも動線の確認ができます。これは作業の上流行程で手軽に使えるので、かなり有効
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
