タグ

UIに関するfukurow57のブックマーク (9)

  • そこそこユーザビリティの高いフォームを作った

    そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです(サーバ側スクリプト

    fukurow57
    fukurow57 2014/01/20
    ブコメが熱い。
  • スマフォ版ドラクエ1の移動系が酷評されるべき理由 - 最終防衛ライン3

    iPhone、iPod touch、iPad 用 ドラゴンクエスト ポータルアプリ ドラゴンクエストポータルアプリ の Android アプリ 先日リリースされたスマフォ版のドラクエ1は戦闘などはドラクエの雰囲気を残しつつタッチパネルに対応するなどの工夫が見られますが、移動に関しては難ありと言わざる得ません。むしろ、戦闘などの調整具合と比較すると移動に関してはチグハグで調整が甘く、もう少し突っ込んで言うならやっつけで作ったのでは無いかとすら思えます。諸悪の根源は「半キャラ移動」にあります。 ドラクエI堪能中、操作への酷評に「老害」という言葉を初めて感じた - 乱れなよ、そして召されなよ 私は既に iOSとAndroid向けのドラクエ1がリリースされましたが操作性に難あり と評していますが、今ひとつ問題が共有できていない気がするのでもう一度酷評する理由を明らかにしたいと思います。事は、「慣れ

    スマフォ版ドラクエ1の移動系が酷評されるべき理由 - 最終防衛ライン3
    fukurow57
    fukurow57 2013/12/03
    良いレビュー。「同じ会社なのに何で同じクオリティのモノが提供されないのか」と単純に疑問に思う。部署のしがらみとかそういつの捨てて良いノウハウは共有して欲しいよなぁ(ちなみにスライム数匹倒して投げました)
  • Android 版 Google 日本語入力から新しい入力方法のご提案

    日アップデートされた AndroidGoogle 日本語入力に、ケータイ配列、QWERTY 配列に続く新しいキー配列、Godan キーボードを導入しました。 Godan キーボードは快適にローマ字入力することを目的にデザインされており、右手で子音 (K, S, T, N, ...)、左手で母音 (A, I, U, E, O) を入力すると特に快適にご利用いただけます。 ヘルプページでは濁音/半濁音、アルファベット、数字、記号の効率的な入力方法などを紹介していますので、ぜひご覧ください。 ケータイ配列と QWERTY 配列で満足している方は、もちろんそのままお使いいただければ良いのですが、「フリック操作に馴染めない」「QWERTY のキーが小さくて打ちづらい」「長文を書くときにはつい PC のところへ行ってしまう」、といった違和感や使いづらさを感じている方もいると思います。それらを

    Android 版 Google 日本語入力から新しい入力方法のご提案
    fukurow57
    fukurow57 2012/10/04
    こう言ったデザインの提案は積極的に応援したい…が、結局コレに慣れると多数派のフリックやテンキー入力が出来なくて、デバイスを選ぶようになっちゃうところが悩みどころ(dvorak的な)。
  • はてなブログ | 無料ブログを作成しよう

    プロジェクトマネジメントで娘の夏休みの宿題炎上を防止しました 娘の夏休みの宿題プロジェクト炎上 8歳9歳の娘が朝から泣きわめいていたので、何ごとかと思い話を聞いてみました。泣きじゃくっていたので要領を得なかったのですが、まとめると以下みたいでした。 「宿題やったのに、ママがテレビを見せてくれない。自分は頑張った…

    はてなブログ | 無料ブログを作成しよう
    fukurow57
    fukurow57 2012/02/17
    んあーこんな事になってたのか。成る程これはいい。後はブコメでも言われてるが、蔵がこれにどう対応していくか、だなぁ。
  • パンくずのデザイン集と概要やデザインのポイント

    ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。

    fukurow57
    fukurow57 2010/08/18
    パンくず! パンくずって機能性考えるとあんまごてごてデザインしない方が良いのかな(その方が“らしい“し)と思ってたケド、今後の参考に!
  • AIが実現する新たなUI「スピンぐるメニュー」とは

    ソフトバンクモバイルが発表したシャープ製の冬モデルといえば、「AQUOS SHOT 940SH」なら1210万画素CCDカメラ、「AQUOSケータイ FULLTOUCH 941SH」なら4インチのハーフXGA液晶などのスペックや、新サービスの「ケータイWi-Fi」などが目を引くが、新たに搭載されたユーザーインタフェース「スピンぐるメニュー」にも注目したい(ちなみに、2010年春モデルとして発売予定の「AQUOSケータイ 943SH」もスピンぐるメニューに対応予定)。 スピンぐるメニューを一言で説明すると、「ユーザーの利用スタイルに合った機能やサービスを勧めてくれるもの」だが、中身はなかなか奥が深い。同メニューには、ゲームにも使われているAI人工知能)を採用しており、日付・曜日・時刻・シチュエーションに応じた機能が表示される。例えば、起床時に「今日の予定」が先頭に現れるといった具合だ。 端

    AIが実現する新たなUI「スピンぐるメニュー」とは
    fukurow57
    fukurow57 2009/12/02
    聖…剣…?が第一印象/これシャープだったんだ。アグレッシブだなぁ。UI研究は全力で頑張って頂きたい。
  • kishin Design | Macとデザインと美しいモノのブログ | エレベータの「閉」は不用

    X8.cn ¥52888 秀吧/小8 8P.cn ¥36888 八品/8铺 5Z.Net ¥45888 五洲 6i.Net ¥36888 乐爱 7H.com.cn ¥8888 七禾 8H.com.cn ¥8888 8号 E51.com ¥28888 医无忧 51P.com ¥48888 我要拍 C7C.com ¥28888 c7c 3BW.com ¥48888 3百万 BW1.com ¥23888 百万 82W.com ¥48888 八二网 82P.com ¥38888 P=PJ 81P.com ¥38888 P=PJ 81K.com ¥38888 K=K3 65D.com ¥38888 D=DF 59D.com ¥38888 D=DF U76.com ¥38888 U=游戏 U71.com ¥25888 游企业 U91.com ¥28888 91系 W61.com ¥38888 W=WN

    fukurow57
    fukurow57 2009/10/27
    UIデザイン考察。「開」があるから「閉」を作ったんじゃないかな、と思うが、確かに情報過多による混乱、不要な思考時間、誤操作等を考えると取った方がいい。「いいデザインは削って生み出す」の最たる例か。
  • solidstate.jp

    fukurow57
    fukurow57 2009/10/26
    これは感動する。様々なウェブUIデザインのまとめ。何より見てて楽しい。
  • 嫌いな入力フォーム

    例えば「名前」の入力フォーム。 例のように「名前」全部を入れるところもあれば、姓と名を分けて入力させるところがあります。 これは当選商品を発送したり、DMを送ったりなど“送付”する場合に、姓と名の間に空白を入れたいために利用される場合が多いです。 あるいは、ログイン後のページで「○○(姓)さんようこそ」みたいに表示させるだけの目的だったりします。 でも入力する方にしてみれば、例1のように1個のテキストボックスであった方が楽なんですよね。 郵送目的がないサイト(例えばフリーメールのアドレス取るだけ、とか)でこんな名前入力のフォームを見ると、システム的に無駄なので、なんかハラたちます(いちおーシステム屋さんとして)。 これにあわせてフリガナを入力させるフォームがありますが、これは顧客管理を五十音順にしたいためだけ。 よって、フリガナに関しては性と名が分かれている必要は一切ないはずです

    fukurow57
    fukurow57 2009/09/22
    「入力のし易さ」より「分かり易さ」を取ったフォームに対し文句言ってる例。まぁ分かるが、Tab移動できるならまだましじゃまいか…/「都道府県プルダウン」で激同。アレは流石に面倒(作るのも入力するのも)。
  • 1