画面遷移に順序があるUIの保守性を向上させる「順序ありオブジェクト指向UI」の提案

はじめに UIを設計するときにオブジェクト指向UIは大きな効果を発揮することがあります。一方で、オブジェクト指向UIの考えをそのまま適用できないけれども、タスク指向UIと呼ぶのも微妙な画面があります。 例えば、ECサイトの購入プロセスです。よくあるECサイトの購入プロセスは以下の図のような構成です。これだけだと簡単そうですが、実際のECサイトの購入プロセスはある画面をスキップしたりしなかったりという制御があり、なかなかに複雑なものです。 今回の記事は画面遷移に順序があるがタスク指向UIと呼ぶのも微妙な、複雑な画面遷移を持つ画面にオブジェクト指向UIの考えを導入することで画面遷移制御を簡単にする手法を提案します。 対象読者 画面遷移の制御の保守性を向上させたいITエンジニア この記事の概要 複雑な画面遷移を持つUIに対して、オブジェクト指向UIの考え方を導入することで、制御フローをシンプルに

[poad1010]

この記事をおすすめしました

[pmint]

実例はログイン画面。/ オブジェクト指向UIは「名詞を先に選ぶ」ってだけのこと。WebのUIでは名詞・動詞が一体になっているため、昔からオブジェクト指向UIとタスク指向UIを混ぜたUIになっている。

[Rynk_m]

概念モデルに立ち戻れば各要素はカートが所有するstateのため、まずカートモデルにアクセスしそこでどの画面を表示すべきかを判断すれば、各画面をピュアに保つことができる(画面遷移ロジックを持たずに済む)と読んだ