タグ

uiに関するagechuのブックマーク (9)

  • アルドノア・ゼロのウェブページがヤバい - 職質アンチパターン

    http://www.aldnoahzero.com/ とにかく見て実際に試して欲しい.一発でこのUIを使いこなせたなら貴方は凄い,この記事読まなくても良いと思います. さてUIに係る問題点で感じたことは以下.まあもっとあるとは思う. JSについてはJS諸賢にお任せします. 問題点 そもそもメインコンテンツへの入り口が「LOGIN」なのヤバい. こんなかんじ.ハイコンテキスト!!! LOGINでメインコンテンツに入れると思うのおかしい感じがする.会員制ページと勘違いしてしまう. 「LOGIN」しか提示されてないと,その時点でログインしたくないおじさんとかログイン面倒くさいおじさんとかが去ってしまう可能性が高まる 放送後,トップページがこういう感じになるんだけど,まさか「LOGIN」がメインコンテンツへの入り口だとは思うまい.多くの人がどうやって普段のページに飛ぶのか迷うと思う. pic.t

    アルドノア・ゼロのウェブページがヤバい - 職質アンチパターン
    agechu
    agechu 2014/07/13
    スマホ向けサイト見たら、ほとんどの情報が削られてる仕様。情報を見せるサイトじゃなくて、デザインを見せられればいいんだろな。
  • 説得力がグンと上がる!UIデザインの心理学

    オライリーから出ている「ユーザーインターフェースデザインの心理学」から使えそうなものを実例を踏まえピックアップ!これでUIデザイン説明の説得力をあげよう! 情報は一度にすべて見せるのではなく、そのとき必要なものを段階的に開示させた方がよい。 デザイナーが犯しがちな失敗は一度に大量の情報をユーザーに与えてしまうことです。 情報は一度に大量に与えるのではなく、その時点で必要としている情報だけを与えるほうが様々なニーズに対応することができます。 ユーザーの中には大まかな説明でよい人もいれば、詳細を知りたがっている人もいます。 つまりどういう事? 情報は一度に見せるのではなく段階的に見せる 重要なのはクリック回数ではない。クリックのたびに必要な情報が手に入るのであればユーザーは喜んでクリックする 誰がいつ何を必要としているかを理解する。各段階で何を必要としているか的確に把握していないと、この手法は

    説得力がグンと上がる!UIデザインの心理学
  • UXの本質について | underconcept

    ユーザー体験(ユーザーエクスペリエンス/User Experience: UX)という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。稿では、いくつかの観点からUX質を考えてみる。 1.UI/UXという誤用 1.1. UIUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience(ユーザーインターフェイス/ユーザーエクスペリエンス)の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく

    UXの本質について | underconcept
    agechu
    agechu 2014/05/02
  • 奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ

    【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな~って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくずい過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな

    奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ
    agechu
    agechu 2014/03/24
    ヘッダーの「奈良市」ロゴに謎の引き伸ばしをかけて、サイトのロゴなのにボケてるところも気になった。
  • Webサイトの階層構造:フラットにするか深くするか

    フラットでも深くでも、情報の階層は構造化が可能だ。しかし、両者にはそれぞれ長所と落とし穴がある。 Flat vs. Deep Website Hierarchies by Kathryn Whitenton on November 10, 2013 日語版2014年1月20日公開 Webサイトの階層構造 数ページ以上あるWebサイトはほぼどれも、コンテンツを構造化する何らかの構造を利用している。最も一般的な(そして、理解しやすい)構造はページをカテゴリーごとにグループ化したもので、そこには特徴別のサブグループが伴うことも多い。その結果、コンテンツは最終的に階層構造になるが、こうした構造はほとんどの人には組織や家族、自然界とのインタラクションによっておなじみのものである。 まさにどのようにコンテンツをグループ化すべきかについての決断は、サイトの構造がユーザーの役に立つ(あるいは役に立たない

    Webサイトの階層構造:フラットにするか深くするか
    agechu
    agechu 2014/01/23
  • マウスオーバーエフェクト Creative Link Effects

    If you enjoyed these effects you might also like: Creative Button Styles Simple Icon Hover Effects

  • http://jp.startup-dating.com/2012/05/interview_ikumikatayama

    http://jp.startup-dating.com/2012/05/interview_ikumikatayama
  • 脳に優しいデザインを!「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ~っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか?さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう! LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ

    脳に優しいデザインを!「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net

    ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合

    Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
  • 1