カード型UIにおける5つの効果的なテクニック
「カード」とは、画像やテキストなどの情報が書かれた下図のようなデザインのことをいいます。カードは、シンプルな使いやすさとデザイン性とのバランスを重視する際にはもっともよく使われる手法となりました。PinterestやFacebookのようなサービスで使われはじめ、現在では多岐にわたる企業で使用されています。 [caption id="attachment_60592" align="alignce……
「カード」とは、画像やテキストなどの情報が書かれた下図のようなデザインのことをいいます。カードは、シンプルな使いやすさとデザイン性とのバランスを重視する際にはもっともよく使われる手法となりました。PinterestやFacebookのようなサービスで使われはじめ、現在では多岐にわたる企業で使用されています。 [caption id="attachment_60592" align="alignce……
[caption id="attachment_61611" align="aligncenter" width="750"] Android Auto by Maurizio Pesce[/caption] 長い間、自動車向けアプリにとってのもっとも大きな障害は法律でした。運転中に携帯電話を使用することは、重大な犯罪であり危険運転行為として取り締まられます。 州知事幹線道路安全協会(Govern……
ジェスチャーとはユーザーがアプリを使用するときに用いる指の小さな動作のことです。タッチインターフェースはタップやスワイプ、ピンチなどのジェスチャーで操作を行いますが、そういったインタラクションはGUIの操作部分とは違って隠れてしまっていることが多いです。したがって、ユーザーに知識があり、そこにジェスチャーが存在していることに気付いてもらえない限り、試してもらうことができません。 では、目に見えない……
デザインにおけるシナリオは、ユーザーの行動に関するアイデアを伝えるのに役立つツールです。シナリオを描くことで、アイデアが明確化されて、クリエイティブなアプローチをすることができます。何より大事なのは、デザインが現実的であるかどうか確認し、初期段階から「ユーザーは何を求めているか、ユーザは何が必要か」という観点のアプローチができる点です。 一般的にユーザーシナリオは、システムの鍵となるインタラクショ……
Webサイトの改善にはABテストが有効らしい…それはわかっているけど、具体的にどう進めたらいいか、何から始めれば成果があがるのかと二の足を踏んでいる方も多いのではないでしょうか?
本記事では、
・どのようなポイントを押さえれば成果があがりやすいか
に着目し、ABテストで成果を出すために必要なたった1つのことをお伝えします。
ECショップをデザインするとき、デザイナーはどういったことを気にしてデザインをするべきでしょうか。シンプルでおしゃれなビジュアル? それともお得情報を前面に出しますか? 実際の店舗でもさまざまなショップが存在するように、扱う商品やターゲット属性によって、当然ながらECショップのデザインアプローチも変わってきます。 今回はHamee株式会社で運営しているECショップにおける事例を、デザイナーの平山さ……
UXという言葉が騒がれるようになる前にも、UXデザインらしきものは確かにさまざまな形態で存在していました。この寄稿記事では、株式会社キトヒトデザインでユーザビリティ、UI/UXデザインなどを手がけている萩本さんがご自身で体験したデザインのお話を不定期更新でお届けしています。今回は第4回目です。シリーズ全編はこちら 私の大学時代に、さまざまな切り口でデザインというテーマを取り扱う機会がありました。一……
[caption id="attachment_62658" align="aligncenter" width="1500"] Author/Copyright holder: OpenCU. Copyright terms and licence: CC BY 2.0[/caption] リソースが不足し、予算が取れない中で、企業は成功のほどが不明な大規模のデザインプロジェクトへの投資に乗り気……
図面作成(CAD)ソフトウェアで有名な企業・Autodeskは顧客規模もさることながら、デザインチームがとてもグローバルです。売上高25億ドルの「ソフトウェアの巨人」には、7ヶ国から7,700人もの従業員が集まってきています。 テルアビブ支社のUri Ashano氏は、同社の主力製品であるAutoCAD 360というモバイルアプリのシニアUXマネージャーを務めています。Ashano氏と彼のチームメ……
マウスカーソルの形状を変更することでユーザーにとっても動作がわかりやすくなる場合があります。今回はCSSにおける「cursor」プロパティの使い方をご紹介します。 cursorプロパティとは 通常のカーソルは矢印で表示され、リンクや文章のところにマウスオーバーすると自動的に切り替わるようになっています。「cursor」プロパティを使うとページ上で表示されるカーソルの種類を任意で変えることができます……