Webデザイナーがやめるべき非生産的な５つのこと
この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 Web Designers: Stop Doing These 5 Unproductive Things Webデザイナーでいることは、時には狂気の沙汰であるように思えます。いつだってとんでもなく忙しいか、ただただ何かが起こるのを待っているかのどちらかです。当然、お金の状況は混沌としています。 ですから、クライアントを満足させるように苦心しなければなりませんし、その上に、最新のトレンドや技術を学び続けなければなりません。どうです、疲れてはいませんか？ 私たちがしていることの中に、全く生産的でない仕事が含まれていることに気づくのは難しいものです。たとえしっかりした意図を持っていたとしても、知らず知らずのうちに自分の首を絞めていることもあります。これを踏まえて、仕事と
優れたWebのコピーライターが気をつけている７つのこと
PaulはUXデザイナーであり、デジタルトランスフォーメーションの専門家です。非営利団体や企業のWeb、ソーシャルメディア、モバイルを使ったユーザーとの結びつきを支援しています。 ほとんどのWebサイトはユーザーを説得し行動を促すとき、キャッチコピーに頼っています。それにもかかわらず、多くの会社はキャッチコピーに投資したがりません。 あなたの会社が成功するために、Webサイトはどれほど重要でしょうか？ ビジネスで利益を上げるために、どれほどWebサイトに頼っているでしょうか？ 現在では、Webサイトはビジネスに必要不可欠です。私たちはWebサイトを頼りにして、ユーザーに商品を買ってもらったり、コンタクトを取ったりしています。しかしWebサイトのほとんどのキャッチコピーは、コピーライターが書いたものではありません。私たちは自分たちだけでキャッチコピーが書けると信じて、結局すべてを自作していま
モバイルではメニューを画面下に表示すべき理由
スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ
現代のWebナビゲーションにおける４つのルール
Webサイトはあらゆる種類の情報にアクセスできます。ある企業についてもっと知りたい、商品を購入したい、寄付をしたい、リソースにアクセスしたいなど、探している情報を見つけるために私たちはサイトナビゲーションを頼っているのです。 多くのWebサイトが「十分」に機能するナビゲーションを備えており、ユーザーを必要な情報にアクセスさせることができます。しかし、それは試行錯誤を重ねたからなのです。この記事では、デザイナーがより効果的でわかりやすいナビゲーション体験を作り出せるようになるためのベストプラクティスをいくつか紹介します。 『ナビゲーションは検索よりも大切である』という記事で、著者のGerry McGovern氏は彼のチームが行った調査について紹介しており、「ユーザーの70%はリンクのクリックから始め、30%は検索を使用した」と述べています。また、「検索を使うよりもリンクをクリックするほうが簡
フォームをより使いやすくするためのJavaScript/CSSツール10選
この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 10 JavaScript and CSS Tools to Enhance Your Forms フォームは多くのWebサイトにとって欠かせないものです。しかし私たちは、その細部にまでいつも気を配れるわけではありません。 フォームを改善する方法はたくさん存在します。バリデーションの追加や、マスクやその他のビジュアルガイドをインプットしたりすることが挙げられるでしょう。そしてこれは表面的な対処でしかありません。最終目標は、できる限り使いやすく魅力的なフォームにすることです。 この記事では、最適なフォームを作るための10の無料ツールを紹介します。 formbase formbaseは、CSS/SASSを使用してフォーム要素に改善されたデフォルト要素をもたらすパッケージ
Webデザインでスライダーが効果を発揮するとき
Alan Smithは、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置くSPINX Digital Agencyと連携して仕事をしています。 Webデザインのスライダーやスライダーコントロールの使用について、デザイナーにとっては賛否両論です。好きな人もいれば、嫌いな人もいます。タイミングが悪いカルーセルパネルや、ギャラリーの自動スライダーは、サイトのより重要な項目からユーザーの気をそらしかねません。 一方で、手動で動かすスライダーであれば、ユーザーはWebサイトのさまざまなコンテンツの機能やオプションを素早く操作することができます。そのため、スライダーやスライダー操作を追及し、Webデザインにおいてもっとも便利な機会を突き止めましょう。 スライダーとは？ スライダーとは、Webサイトのスライドショーを表す用語です。たとえば、製品
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
デザインに動画を使うときの７つのベストプラクティス
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 インターネットの速度が速くなったことで、動画の人気がさらに高まっています。動画は、サイト上やアプリ内でユーザーが費やす時間を増やすと考えられてるのです。デスクトップ、タブレット、スマートフォンなどで動画を視聴するように、今となっては、動画は私たちの生活のどこにでも存在しています。 「百聞は一見にしかず」ということわざは、まさに動画にふさわしい言葉です。 効率的に利用すれば、動画はユーザーを引き込むのにもっとも強力なツールの１つになります。より多くの感情を伝え、商品やサービスを「感じてもらう」ことができるでしょう。しかし同時に、通信量が多くなり、スクリーンを動画で埋めてしまう可能性があります。ですので、特に注意して使用する必要があるのです。 この記事では、デザイン
Windows 10とmacOS SierraにおけるUIとAIの比較
Yona氏はCodalのテクニカル・ライターです。Codalではコンテンツ戦略、ドキュメンテーション、ブログや編集の担当をしています。CodalのUX、開発、マーケティング、管理チームと共に働き、記事コンテンツを生み出しています。 AppleとMicrosoftの熾烈な戦いは、双方のプラットフォームのサポーターたちにより20世紀の終わりから21世紀まで、長きにわたって続いています。実際、その争いに取って代わるようなものはAndroid派とiOS派の争いくらいのものです。 MacworldやWindows Centralのようなサイトは、二つの巨大な企業が生み出したOSに対する酷評や、比較ができる分析結果などを定常的に配信しています。しかし、これらのサイトに訪れる人は「公平」という言葉がそこに欠けていることに気付いているのででしょうか。 実際、Googleで「OS X vs Windows」
ユーザーが理解しやすいアイコンにするための６つのルール
人間とコンピュータとのやり取りにおいて、アイコンはテキストにはない長所がいくつかあります。 シンプルで分かりやすくフレンドリー。長い文章と置き換えることができる。 画面の中で場所を取らず、特に小さいスクリーンほど使い勝手がよい。 視覚的に楽しみがあり、デザインの芸術性を高めることができる。 一番重要なポイントとして、ほとんどのアプリがアイコンを用いており、ユーザーにとって親近感のあるデザインパターンである。 これらの潜在的な長所がある一方で、アイコンはその潜在的な短所を考慮せずにデザインされると、ユーサビリティ面での問題を引き起こします。 この記事では、UIの点からアイコンに関連した多くの問題を要約して解説し、これらの問題に対する対処法を述べていきたいと思います。 １．アイコンは意味を伝えるもの 理解しにくいアイコンが、伝えるべき機能を分かりにくくしてしまうことがあります。アイコンは意味を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
