首页 > 其他分享 >原型设计

原型设计

时间:2023-04-21 10:55:06浏览次数:27  
标签:搜索 界面 解锁 点击 原型 按钮 设计 浏览器

一.工具比较

1.墨刀


  • 1.适用邻域:主要用于设计移动APP原型。
  • 2.优点:拥有PC端、手机端、网页版,可跨平台。可多人协作。使用方法不难,适合新手 。
  • 3.缺点:需要收费。对交互效果、控件组合、操作面板的选择都不如Axure灵活。

2.Axure


  • 1.适用邻域:用于创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
  • 2.优点:自带完善、风格统一的组件库,组件没有图层,所有内容直接修改属性,也没有复杂颜色,不会干扰视觉。
  • 3.缺点:年代久远,组件过时。

3.Mockplus


  • 1.适用邻域:用于正式制作真实软件产品前,通过原型给创建一个产品的模型展示。
  • 2.优点:拥有Axure 类似的界面、操作方式,提供了与时俱进的组件,去掉了如今永远用不上的互动方式。
  • 3.缺点:组件靠官方提供,无法自定义。功能草图,需要手动设置非常多的内容。没有节点式互动设计。

二.原型设计

老年机


1.功能

  • 1.人脸解锁
  • 2.打电话
  • 3.发短信
  • 4.浏览器

2.界面设计考虑因素


  • 1.通过人脸解锁提供老年人一个快速解锁手机锁屏功能。
  • 2.在打电话界面为老年人提供一个快速联系亲人按钮。
  • 3.发短信界面为老年人提供语音转文字功能。
  • 4.浏览器仅提供一个搜索栏,消除所有广告,减少其余信息对老年人造成干扰。

3.切换界面


1.锁屏

  • 界面功能:人脸解锁
  • 界面组成:人脸识别按钮,密码输按钮,紧急呼叫按钮,浏览器,短信,打电话
  • 前置条件:打开电源
  • 后置条件:关闭电源
  • 操作步骤:将手机对准脸部进行人脸识别解锁屏幕或点击密码输入按钮解锁屏幕

2.打电话

  • 界面功能:打电话+快捷联系亲人
  • 界面组成:返回按钮,输入号码数字,拨号按钮,删除按钮,联系人信息
  • 前置条件:点击打电话按钮
  • 后置条件:点击返回按钮
  • 操作步骤:选择联系人进行拨号或输入号码进行拨号

3.短信

  • 界面功能:语音识别发送短信
  • 界面组成:返回按钮,语音输入按钮,切换键盘按钮,联系人信息,未读消息显示,短信日期,短信内容
  • 前置条件:点击短信按钮
  • 后置条件:点击返回按钮
  • 操作步骤:选择联系人后按住语音识别按钮进行语音录入或点击键盘进行手写输入

4.浏览器

  • 界面功能:快捷搜索
  • 界面组成:返回按钮,搜索栏,语音输入按钮,历史搜索,删除历史搜索按钮
  • 前置条件:点击浏览器按钮
  • 后置条件:点击返回按钮
  • 操作步骤:点击搜索栏输入搜索内容或点击话筒进行语音录入搜索

4.流程图


标签:搜索,界面,解锁,点击,原型,按钮,设计,浏览器
From: https://www.cnblogs.com/YNF233/p/17339413.html

相关文章

  • WPF 给类库设置设计时使用的资源字典
    在开发多语言版本时,我将界面显示的文本保存在语言资源zh.xaml和en.xaml中,但程序启动,加载语言资源时是外部的配置文件决定的,因此语言资源我无法添加在App.xaml文件中,而开发单个XAML界面时,设计器将会因为找不到资源文件的存在,而拿不到资源,每次遇到语言相关的资源键值,都需要手动去......
  • 前端设计字体大全
    前端设计字体大全宋体SimSun黑体SimHei微软雅黑MicrosoftYaHei微软正黑体MicrosoftJhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋GB2312FangSongGB2312楷体GB2312KaiTiGB2312宋体:SimSuncss中中文字体(f......
  • 2022年中国大学生程序设计竞赛女生专场-比赛题解
    比赛链接:Dashboard-2022年中国大学生程序设计竞赛女生专场-CodeforcesA.减肥计划(模拟)模拟,如果队列第一个人体重是最大的了,则这个人的位置不会再变,直接输出即可。#include<bits/stdc++.h>usingnamespacestd;usingi64=longlong;intmain(){ios::sync_with_......
  • 原型设计工具比较及实践
    目录一、原型设计工具比较1.墨刀2.Axure3.Mockplus二、原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面5.界面切换流程一、原型设计工具比较1.墨刀适用领域墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、......
  • 变换编码的设计与实现
    访问【WRITE-BUG数字空间】_[内附完整源码和文档]一、实验目的采用dct变换,编制对图象进行变换的程序,图象采用8x8分快。对变换系数做Z型扫描,分别采用前2、3、5、8个和全部系数恢复原图象,观察结果,给出psnr值。对变换后系数做量化,量化表采用JPEG量化表,量化过程如下:,j)=C(i,j)/Q(i,j),其......
  • 原型设计工具比较及实践
    目录一、原型设计工具比较1. 墨刀2. Axure3. Mockplus二、原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面1.搜索界面2.搜索结果界面3.商铺陈列页4.菜品页面五、界面切换流程一、原型设计工具比较1. 墨刀• 适用领域:适合设计团队和个人用户使用,可用于移动端和Web......
  • C/C++《程序设计基础(C语言)课程设计》[2023-04-20]
    C/C++《程序设计基础(C语言)课程设计》[2023-04-20]《程序设计基础(C语言)课程设计》课程说明及动员《程序设计基础(C语言)课程设计》指导教师组目录课程目的>>课程要求>>团队题目>>实施方案>>课程设计报告>>考核与成绩评定方法>>本学期实施安排>>其他说明课程目的......
  • 一文搞定接口幂等性架构设计方案
    幂等性介绍现如今很多系统都会基于分布式或微服务思想完成对系统的架构设计。那么在这一个系统中,就会存在若干个微服务,而且服务间也会产生相互通信调用。那么既然产生了服务调用,就必然会存在服务调用延迟或失败的问题。当出现这种问题,服务端会进行重试等操作或客户端有可能会进行......
  • 19 18 | 架构设计,专业分工和协作精神的体现
    你好,我是乔新亮。今天,我想和你聊聊,关于架构设计的一些认知和体会。作为技术人,最常接触的概念,恐怕就是架构设计了。即便是初出茅庐的新手程序员,可能也听说过6大设计原则与23种设计模式。因为,要成为管理者或技术专家,架构设计绝对是你绕不开的槛。因此,关于架构设计的书和课程非......
  • 22 21 | 高性能设计,一切都围绕着契约精神
    你好,我是乔新亮。这一讲,我们来聊聊如何实现架构的高性能设计。前面我们讲过,产品思维有两个核心关键词:“契约精神”和“洞察人性”。其实高性能设计,也和契约精神是密切相关的。我将其总结为:高性能设计,一切围绕着契约精神。你可能会想,高性能设计不就是可以支撑大流量、高并发的架......