Daily UI Design #17: Email Receipt

图片发自简书App

Today's UI design theme is an email receipt, which you typically get after you order something online.

I didn't have much time on it, so I pulled out my phone to search for an email receipt I received before, to see what can be improved. I found a receipt from costco.com, which looks terrible, because it didn't adapt to my phone at all. Just imagine a 5-column table shrunk to try to fit your mobile screen size.

Emails for mobile is still kind of hard, as far as I know, there are not many good techniques to make them nicely adapt both desktop and mobile. Designers really need to use their creativity to unify the experiences as much as possible.

I sketched a bit on paper and thought a 2-column table (maybe 3-column) would look pretty good on a phone. I didn't spend a whole lot of time on thinking and for sure there are better solutions.

图片发自简书App

I made my quick email receipt wireframe in Balsamiq Mockups, and categorized relevant content together, such as order overview / recipient info / tracking, and order details.

图片发自简书App

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容