For each figure, LHS is the mockup, and RHS is the corresponding screen in the App.
Example 1:
The mockup intends to have a widget for notification, but the implementation shows renewal information
The mockup intends to make the updated date font size bigger than its context but is not implemented in the App
Mockup shows text as "market value", but in the App it becomes "More>"
Example 2:
The"Shanghai Composite Index" is absent in the App
The chart doesnt have the annotation on "Strategy online"
Example 3:
The sharing icon is absent in the App
The tab on "Exponential type", "industry", "wide base" are absent
Color inconsistency
Example 4:
The "Latest", "Daily limit", "Limit down" have their positions shifted
Coor inconsistency
Example 5:
The App has an extra logo
The "Strategy bi-weekly report" becomes "Strategy Academy"
Color inconsistency
Inconsistent sharing icon
Example 6:
Missing explanations in the App
Example 7:
Inconsistent content: a video demo is expected at this position, but it shows a chart on strategy backtesting instead.
Example 8:
Inconsistent icons: one is a "..." icon the other one is a "Play sound" icon
Color inconsistency
The gift icon is missing in the App
Mockup:
Implementation:
In the real app, we find the popup window (second screen) is very different from what is specified in the mockup.