Menlo MathMenlo Math
Each unit leads with its real-world scenario instead of a grey tile.単元が、灰色のタイルではなく実際の題材から始まる。
Challenge課題
Menlo Math taught rate, proportionality and other pre-algebra concepts through solid interactive simulations, but the surrounding app gave students little reason to care. Every unit looked the same — a plain list of titles, a grid of numbered gray tiles, a repeating thumbnail for every activity — so nothing signaled which unit was a soccer-team budgeting problem and which was a 3D-printing challenge.Menlo Math は、比率や比例といった前代数の内容を、しっかり作られたシミュレーションで教えていた。しかしアプリの見た目は、生徒に開きたいと思わせる理由を与えていなかった。どの単元も同じ見た目で、ただのタイトル一覧、番号付きの灰色タイル、どの活動にも同じサムネイル。サッカーチームの予算編成と 3D プリントの単元が、開く前は見分けられなかった。
Solution解決
I redesigned the navigation and information architecture around each unit's strongest asset: its real-world scenario. The home screen became a photographic card grid with plain-language subtitles ('Ratio' → 'True Color Murals'), unit overviews adopted narrative framing ('We got a job for you!'), and activity screens kept the same simulation and data tools but set them inside a themed scene, so the math stayed connected to its story from first tap to last.ナビゲーションと情報構造を、各単元がもともと持っていた実生活の題材を軸に作り直した。ホーム画面は写真カードの並びになり、「比率」は「トゥルーカラー壁画」というように、専門用語の代わりに題材の名前を出した。単元の概要には「あなたに仕事を頼みたい」という物語の語り口を採用し、活動画面は同じシミュレーションとデータツールを、題材に合わせた場面の中に置いた。最初のタップから最後まで、数学が物語とつながったままになる。
Impactインパクト
I rebuilt Menlo Math navigation around photographic scenario cards with plain-language subtitles.Menlo Math のナビを写真シナリオカードと平易な字幕で再構成した。
What I handled担当フェーズ
- Researchリサーチ
- Business / Strategyビジネス／戦略
- Conceptコンセプト
- UX / UIUX／UI
- Design Systemデザインシステム
- Prototypeプロトタイプ
- Build実装
- Launch / Growthローンチ／グロース
Six identical units become six visible stories 同じに見えた 6 つの単元が、それぞれの物語になる
The home screen listed six units as plain text rows with small, repeating thumbnails — nothing distinguished a ratio unit from a data unit until it was opened. The redesign turned it into a photographic card grid, each unit leading with the real-world hook it was already built on. もとのホーム画面は、6 つの単元をただのテキスト行と小さな使い回しのサムネイルで並べていた。比率の単元もデータの単元も、開くまで見分けがつかない。作り直したホーム画面は写真カードの並びにし、それぞれの単元がもともと持っていた実生活の題材を、開く前から見せるようにした。
The graph didn't change. The scene around it did グラフ自体は変えず、その周りの場面を変えた
An activity screen used to be a bare position-time graph with no thematic context. The rebuilt version keeps the same underlying simulation, graph and data table, but sets them inside a themed scene — a soccer field instead of an abstract line — so the math stays connected to the story a student is already following. 改修前の活動画面は、文脈のない裸のグラフだった。作り直した画面は、同じシミュレーション・グラフ・データテーブルをそのまま使いながら、抽象的な線ではなくサッカーの試合場という題材に沿った場面の中に置いた。生徒が追っている物語と、数学がつながったままになる。
