Category: Web、GUI (page 1 of 21)

787. 謎順の都道府県リスト 〜ダイソンの製品登録フォーム〜

[bad]

写真は少し前に撮影しておいた家電メーカーのダイソンのユーザ登録のフォーム画面です。未登録の製品番号を入れないとこの画面に来られないので、もしかしたら今は治ってるかも知れません。

が、少なくとも昨年のある時期、都道府県の選択メニューがこんなことになっていました。誰がどんな意図で作ればこんなことになるんでしょうね(笑)。どんなルールでソートされているのかさっぱりわかりません。一般的な北→南の地理順でないのはもちろん、よみがな順でもなえればアルファベット表記にした時のABC順でもなさそうです。しばらくユーザ登録そっちのけで暗号解読でもするかのようにこの並びになっている合理的な理由を見つけようと躍起になってしまいましたが、結局判らず終い。どなたかこの謎を解けた方いらっしゃいますか?

同日追記:

文字コード順では?という御指摘をいただき、ExcelのCODE/UNICODE関数でざっと調べてみましたが、JIS順、UNICODE順のどちらでもないようでした。

 

784. 設定画面とヘルプ画面が対応付いたレイアウトのWi-Fiルーター 〜YAMAHA WLX202〜

[good]

写真はYAMAHAのWi-FiアクセスポイントWLX202の設定ページをブラウザで呼び出したところです。左側にサイドバーがあり2階層のメニューになっています。

784a

一方、下の写真はそのサイドバーから「ヘルプ」をクリックすると開くポップアップウインドウ(別ウインドウ)に出るヘルプ画面です。

784b

面白いことに、実際の設定画面とそのヘルプ画面が同じ階層構造のレイアウトで構成されています。今みているもののヘルプが必要だと思ったら、別ウインドウでも同じところをクリックしていけば該当する項目のヘルプ情報に辿り着けるわけです(ポップアップウインドウなので画面がそれなりに広ければ見比べながら閲覧できます)。

項目が何十、何百もあったり、階層が深かったりするとまた別ですが、これくらいならヘンに索引とか検索とかで探させるより直観的ですね。なかなか興味深い作りだと思いました。また設定画面側の各項目に直接(?)みたいなヘルプボタンをつけて、クリックやポイントで吹き出しが出る仕組みも一般によく見られ、手間だけでいえばあちらの方が少ない気もしますが、おそらく業務用製品ということで説明が複雑で長くなりがちということでこういう別ウインドウにしたんでしょうか。吹き出し型だとあまり長かったり図入りだったり複雑なヘルプには向かないと思うので。まぁ、実際にはあんまり図入りのヘルプとかはなくて物足りなかったんですけど(笑)。業務用製品は数年モデルチェンジしないで地道にアップデートされてくことも多いので、追々そういう面で充実を図れるよう、こういう形式をとったと期待しましょう。

 

 

782. Suicaが見分けられないApple Pay

[bad]

Apple Payネタが続いてすみませんが、もう一発。Apple Payではデポジットも無しでSuicaを複数枚使い分けられるので、業務用とプライベート用を作ってみました。Suicaアプリ上ではそれぞれの(仮想)Suicaに対して名前をつけることができました。そのまんま「業務用」と「プライベート用」とつけておきました。漢字で揃えるより字面が似てない方がサッと見分けられるかなという狙いも。

Suicaアプリ画面

写真1. Suicaアプリでの個別カード画面。「業務用」というユーザが自由につけた名前で見分けられる。

ところがぎっちょん!決済時に実際に利用するカードを選ぶApplePay側の画面(Walletアプリやロック画面で呼び出した時)ではその名前が出ないではないですか…

Apple Pay カード選択画面

写真2. Walletアプリでカードを選ぶ画面。二枚のSuicaは全く見た目が同じでどっちがどっちなのか…

写真3. 上記から1枚を選んだ状態。「My Suica」という謎呼称が出現(2枚とも共通)。

写真3. 上記から1枚を選んだ状態。「My Suica」という謎呼称が出現(2枚とも共通)。

どんなに目をこらしても業務用とプライベートを見分ける術はありません。残高とか利用履歴で見分けるしかない。「8枚まで作れます」ってアピールしてる割に、それを見分ける手段がなにも提供されていないなんて、、、

厳密には右下のiボタンを押すと詳細画面になり、更に下の方までスクロールするとカード番号の下4桁が表示されています。それぞれのカードの下4桁を憶えてないとですが…。左のSuicaマークからSuicaアプリの遷移して写真1の状態にはなるものの、選んでいたカードが選択された状態になるわけでないらしく、かえって紛らわしい状態。あとは写真2での並びが一応登録順っぽいんですが、本当にそうなのか、いつのまにか変わったりしないか不明です(というかこの並びを自分で変えられない点もかなり不満です)。

さらに写真3で「JR東日本から」というところに「My Suica」という見覚えのない呼び方が出てきますが、これは二枚ともこうなので見分ける役には立ちません。「JR東日本から」来てるメッセージなら、Suicaアプリで設定した名称使ってくれよ、、といいたいところです。

これはAppleとJR東日本のどちらが悪いんでしょうね。そもそもApple Payの仕様に(クレジットカードも含め)ユーザが名前をつけられるという選択肢を用意していないぽいという点ではAppleがユーザニーズを捉え切れてない気がします(というかわかってても大胆に切り落とすのがAppleウェイですね)。一方で、クレジットカードの様々なフェイスデザインが画面上の表示にある程度反映されている点をみると、おそらくカード発行会社がきちんと番号毎に画像を用意すればApple Pay上でも反映される仕組みになってるはずです(これはカード会社によってもスタンスがまちまちで、三井住友は比較的きちんと同じデザインで取り込まれる一方、イオンカードやOricoカードは汎用のデザインで表示されるようです)。ということはJR東日本がその気になれば色違いだったり東京駅デザインだったりするカード画像は用意できたんじゃないかと想像されます。そして仮想SuicaはiPhone上で発行もできるので、そこはユーザが選べてもいいんじゃないかとか。

ともあれ両社結託して将来のバージョンアップで改善されるといいなと思います。AppleWatchのような小さな画面でも見分けられるようにと思えば、Suicaカードの色とかが変えられるといいんじゃないでしょうかね。ブランディング戦略とかの絡みもあるんでしょうけど…

781. 老眼の父、iPhone更新時の強制ウィザードにハマる

[bad]

 

iPhoneの画面。Apple Payの説明画面。私のところには実家で離れて暮らす家族から定期的にITトラブル相談が届きます。今回のそんな一件についてなのですが、なかなかにトリッキーで困ってしまったのでご紹介。

今回の相談主は父で、iPhoneが見慣れる画面になって使えなくなったというもの。まぁよくあるやつです(笑)。しかし今回は根深い。ホームボタンを押しても再起動してもダメとのこと。ラチがあかないのでiPadで写真を撮って送ってもらうとこの画面でした。これはiOS10.1から対応したApple Payの設定画面ですね。父のiPhoneは6なのでNFCによる店頭決済は非対応なんですが、オンライン決済には使えるので登録機能自体はあるわけです。しかし通常は「Wallet」アプリから登録画面を呼び出さなければこの画面は出ないはず。わざわざそんな探索的な操作をするとは思えません。そこでピンと来ました。おそらく父はiPhoneのOSを今日更新したのでしょう。最近のiOSではメジャー更新後の初回起動で様々な初期設定が走ります。その日の最初のメールは「iCloudのパスワードってなんだっけ?」でした。ちなみに「もしかして今日ソフトウェアアップデートした?」などと返信しても、こういう時のシニアは状況説明に必死で、こちらから聞いたことにはなかなか返事がありません…しかしまぁ間違いないでしょう。確かにこの初期ウィザードの間はホーム画面に戻れませんし、再起動しても同じところから始まるでしょう。

おかしいのは、いくら新サービス推しのAppleでもクレジットカードの登録を強制まではしないはずという点です。私としてもApple Payのなんたるかすらわかってない父にクレジットカード登録まではさせたくありません。どこかでスキップなりキャンセルなりできるはず。しかし送ってもらった写真には見当たらず。「次へ」に進めばカードを撮影する画面になるし、そこで「キャンセル」すればここに戻ってくる。この二画面から逃れられないようなのです。そんなわけはないと思いつつも、手元のiPhoneで同じ画面を出すには初期化するしかありません。ちなみにWalletアプリからカード追加画面を呼び出した場合、これと同じレイアウトなんですが左上にちゃんと「キャンセル」があります(写真2枚目)。私のはiPhone7 PlusなのでSuicaに対応してあり「Suicaや」の表記が追加されており芸が細かいなと関心しますが、基本的に同じ画面です。こちらでは「キャンセル」できるのに、なぜか父の画面ではそれがないわけです。img_8879

父は「明日ショップにもってかないとダメか?電話すらできないから困る」と不安げ。

さて、ここまで長文にお付き合いくださった方、この話のオチは推理できましたでしょうか?

私は結局写真だけでは答えがわかりませんでした。iPadでFacetime(ビデオ通話)してもらい、ありこち触っている様子を映してもらってる間に、ふとした弾みで判明しました。

答えは「スクロールするとスキップのリンクが出る」でした。正確に覚えてませんが「カードの登録はしない」的なテキストリンクだった気がします。たまたま父がこの画面を触った時に画面が少しだけ動いて、スクロールできることに気付きました。ご存じの通り、iOSではスクロール中以外はスクロールバーが出ない為、静止した画面をいくら睨んでもスクロール可能であることを示す視覚的手がかり(シグニファイア)が皆無なのです。

そしてもうひとつのトラップは、老眼で小さな文字が読みづらい父がOS設定の「アクセシビリティ」機能でテキストサイズを大きくしていたことです。上下2つの写真を見比べてもらうと、下の写真の最下部にある小さな注意書きが、上の写真ではドカンと大きくなっています。この結果、上記のスキップの為の選択肢が画面外に追い出されてしまい気付けなくなったのです。偶然にも「Apple Payとプライバシーについて…」まできっちり画面に収まっているのがなんとも皮肉です。

Appleの開発ツールには、こうした様々な画面サイズや文字サイズの変化にも柔軟に追従し開発者の手間を軽減する為のAuto Layoutという仕組みが備わっています。この部品な常に右端からこれだけの距離、この部品はこの部品の隣に置く、この部品は画面幅に伴って幅を変えるが最低でもこれだけは確保する、など様々な条件を指定しておけるのです(まぁこれはこれで開発者にとっては結構大変なんですけど…)。Appleのこの画面設計を担当した人は、もうひとがんばりして、重要なスキップボタンを常に画面内に収まる様にしておくべきだったのかも知れません。

 

761. 人と機械のホウレンソウ 〜freeeのレシート自動読み取り機能〜

[bad]

私は昨年から確定申告にクラウドサービスのfreeeを利用しています。レシートを片っ端からスキャナで読み込んでアップロードすると、日付や金額をOCR(画像認識)で読み取って、あとは勘定科目(仕分け分類)だけ指定してやればレシート打ちが完了という大変有り難い機能が搭載されています。

この機能。さすがに100%の認識率とはいかずたまに日付や金額を正しく認識できない場合があります。

freee

この写真は駐車場のレシートを読み込んだものですが、金額は正しいものの日付が間違っています。駐車場のレシートは入庫日時と出庫日時が個別に記載されていたりでまぁよく失敗するジャンルです。それ自体は仕方ないのですが、認識できなかった時にしれっと読み込んだ日の日付を入れてくれるのが困ります。世の中にはまめにレシートが発生した日にスキャンしてアップロードするマメな人もいるかも知れません。唯一そんな人には有り難みがあるかも知れませんが、大多数はそんなことはしないのではないでしょうか?実際には何十枚ものレシートをまとめて取り込んで仕分け作業を連続して行うと思います。その時、こうした画像がズラーっと並んだ画面の中で、認識に失敗していて目視確認が必要なものに目印をつけてくれた方が有り難いのです。認識できなかったことを隠して勝手にそれらしいデータで埋めて素知らぬ顔をするなんて、まるで「報・連・相」のできない部下をもった気分です。認識ができなかった時や、自信がない時は、テキトーなデータを入れるのもいいですが、同時に正直に赤枠でもつけて教えてほしいものです。

これから機械学習を応用した製品がますます世に溢れてくると思いますが、いきなり完全に信頼して全てを任せられるようにはならない場合がほとんどでしょう。そうした場面で人間と機械が協調していくにもはやりこの「報・連・相」が重要な観点になってくるのではないでしょうか。

Older posts