原型设计

一、原型设计工具对比
墨刀
墨刀是一款强大的在线原型工具,允许设计师创建具有丰富交互元素的原型。墨刀具有丰富的组件库和模板,可以快速创建各种类型的原型。
优点:1.实时协作,团队成员之间可以直接评论和批注。
2. 多人在线编辑,提高协作效率。
3. 支持云端存储,不受时间和地点的限制。
缺点:1.交互比较复杂。
2.安全性和封闭性没有保障。
3.使用成本较高。
Axure
Axure是一款功能强大的交互设计工具,被广泛用于创建高保真度的原型和交互式场景。
优点:1.即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活。
2.Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
3.使用成本几乎为零。
缺点:1.低版本与高版本不互相兼容。
2.学习成本高,高级元件的使用有一定学习门槛。
3.手机端演示效果差。
Mockplus
Mockups是一种静态的、以图像为基础的原型工具,它允许设计师创建具有高保真度的用户界面原型。
优点:1.团队协作功能。
2.版本控制和历史记录功能。
3.新手友好。
缺点:1.缺乏交互性。
2.无法模拟动态效果或用户行为。
3.功能有限。
二、原型设计实践
主题名称:二手书交易平台
功能:交易二手书
界面设计考虑因素:现如今实体书利用率不高,为提高利用率,降低成本,研发出二手书交易平台
界面切换:
(一) 登录页

  1. 界面功能:登录个人账号
  2. 界面组成:(1)账号(2)密码(3)登录键(4)创建账户(5)忘记密码
  3. 前置条件:打开书物app
  4. 操作步骤:点击输入账号,密码,点击登录
    (二) 主页

1.界面功能:
(1) 获得最新图书资讯
(2) 获取附近书友的资料
2.界面组成:图书资讯图片,个人头像,距离,书籍
3.前置条件:登录书物app
4.操作步骤:点击图片查看图书资讯,点击头像查看附近书友资料
(三) 搜索页

1.界面功能:
(1)搜索想要的图书
(2)查看最近搜索过的图书
2.界面组成:搜索框,历史记录框
3.前置步骤:点击搜索
4.操作步骤:点击文本框输出文本进行搜索
(四) 书友书架页

1.界面功能:
(1)查看书友详细信息我
(2)查看可购买图书资讯
2.界面组成:
头像,名字,书籍,购买
3.前置条件:在主页中点击附近书友的头像
(五) 书籍详细页

  1. 界面功能:(1)查看书其他信息(2)了解书的资料

  2. 界面组成:图书,其他用户评论,文本框,提交按钮

  3. 前置条件:进入图书详细页面

  4. 操作步骤:点击输入评价后发布,也可查看他人评价
    (六) 我的书架

  5. 界面功能:(1)统计自己书架书籍信息(2)上传图书

  6. 界面组成:图书,个人信息,上传图书按钮

  7. 前置条件:在主页点击我的书架

  8. 操作步骤:点击上传图书后可上传图书
    (七) 书籍上传

  9. 界面功能:上传详细图书资料

  10. 界面组成:图书信息,出售信息,求购信息,上传按钮

  11. 前置条件:点击主页-我的书架-上传图书

  12. 操作步骤:输入图书信息,价格后点上传
    (八) 书信

  13. 界面功能:(1)私信功能:通过私聊知道书籍其他不为人知的信息(2)比较功能:比较多本书的卖家信息

  14. 界面组成:其他用户评价,书信按钮

  15. 前置条件:在主页点击下方书信按钮

  16. 操作步骤:点击任意对话框进入详细聊天界面

(九) 书信详细页

  1. 界面功能:详细与某一卖家详聊

  2. 界面组成:文本框,个人头像,他人头像,对话内容,发送按钮

  3. 前置条件:在书信中点击进入详细聊天界面
    (十) 我的

  4. 界面功能:个人信息的更改以及信息的统计

  5. 界面组成:个人信息,我的账户,我的书架,我的收藏,设置以及帮助

  6. 前置条件:在主页中点击我的
    (十一)流程图

posted @ 2024-04-11 11:21  张籍  阅读(80)  评论(0编辑  收藏  举报