オンラインの世界は常に変わりゆき、技術の進歩とともに新しいトレンドが現れては消えます。Webサイトもまた然り、ユーザーの期待に応えるために変化していかなければなりませんが、必ずしも変化が良い改善に繋がるとは限りません。新しいデザインにするタイミングは必ずやってきますが、その過程でUXが損なわれるケースが多いのです。 例えば2013年、Gmailのデザインに触発されたのか、Yahoo! Mailがミ……
HannahがUXデザイナーとして第2のキャリアを開始した時、彼女は前職のテレビ番組での経験がどれほど価値のあるものかを知りませんでした。トーク番組の仕事の経験は彼女にとって、UXリサーチを行うための最高の準備となったのです。私は耳元の受話器を肩で支えながら、動作を停止したWindowsを前にキーボードを何度も強くたたきつけ、発狂する寸前でした。電話の相手は一流のセレブで、彼女の事前インタビューの……
スマホサイトが使いづらいと感じることはありませんか？ 誰でも一度はそう思ったことはあるんじゃないかと思います。スマホにおけるUXの悪い例は簡単に見つかりますが、機能的にもPC用よりひどいものなのでしょうか。インターネット利用者の８割がスマートフォンを所有している今、これは重要な問題です。スマホ用のサイトは、PC用サイトの簡易版のように見えることが多く、スマホの方がUXが乏しいと憶測しがちですが、こ……
2014年「The Expert」と名付けられた一本の短い動画が技術界隈で非常に話題となりました。クライアントと技術担当者とのもどかしいミーティングの様子がコミカルに描写されており、39もの言語で字幕が付けられ、既に10億万再生、数千ものコメントを獲得しています。こうしたコメントの多くは同様のミーティングでストレスを被った人々によって書かれています。動画の中で、不幸な技術エキスパートはクライアント……
最近、ニュースやネットでも話題になっている自動車の自動運転技術。技術の進化とそれによって利用者にもたらされるメリットとはどんなものなのでしょう？自動運転とは？そもそも自動運転とはどういうものなのでしょう？ 自動運転とはロボット工学、人工知能などを組み合わせた技術です。一般的には人の運転よりも正確性に優れており、操縦者の負担を軽減することにも繋がります。今後数年間のうちに多くの自動車に搭載されていく……
これは米国の市場に事業を拡大した、前途有望なフランスのスタートアップ企業の実話です。創設者は現在西海岸地域に事務所を所有しており、開発したアプリは完全に英語に翻訳されています。当たり前のようですが詳細について述べると、同社のウェブサイトを英語版に切り替えるためには、英国の国旗であるユニオンジャックをクリックしなければならないということです。 国旗に関する危険信号 これは笑い事ではありません。この話……
皆さんはIllustratorでハートマークを作る時にどうしていますか？ 様々な方法があると思いますが、今回は正確な左右対称のハートマークを作るためオブジェクトの反転方法を紹介したいと思います。 まずは半分だけハートを作る 右でも左でも構いませんので、まずはペンツールを使用してハートの半分を作りましょう。 リフレクトツールを使う 次に、リフレクトツールを使用します。 ツールバーの中にあるリフ……
CSSを外部のCSSファイルではなく、HTMLファイルに直接記述する方法をご紹介します。本来CSSファイルで外部参照するのが一般的ですが、応急処置や、外部CSSに書くまでもない一度限りの内容などで活躍します。HTMLを文書単位でCSS指定する場合、２通りのやり方があります。HTMLのヘッダーに直接書く方法一つ目はHTMLのヘッダー内に<style>タグを書き込む方法です。こちらで指定し……
画像は必ずしも全て長方形で使用したいとは限りません。例えばIllustratorで丸い小窓のように見せるために画像を切り取るにはどうしたら良いのでしょう？このような時はクリッピングマスク機能を使います。クリッピングマスクとはパスの形に合わせて背後のオブジェクトの一部を隠す機能です。今回はそのクリッピングマスクの使い方をご紹介します。切り抜き用のパスを作成する今回の場合は星の画像の中心に円形のパスが……
パスファインダーとは複数のパスを合成させたり、逆に一方のパスからもう一方の形を切り抜いたりする事ができる一連の機能の事です。 手作業では再現が難しい幾何学的なパスも工夫次第で比較的簡単に作ることができます。 今回はこのパスファインダーの使い方を紹介しましょう。 パスファインダーウインドウを表示させる パスファインダーウインドウが表示されていない時はウインドウ→パスファインダーをクリックします。 ……