肥猫SEO论坛»论坛首页 › 行业交流 › 软件下载 › 从交互设计角度，聊聊Web网站和移动App的六大差异_0 ...

高端网站建设可签合同可上门沟通	站群程序定制/蜘蛛池租用	全行业SEO接单QQ1624516415	全行业SEO接单QQ1624516415
2000+站点外链一键通发	原创SEO文章代写【点击】	点击加入本站VIP 发帖免审核	广告位招租

honghu2

23万积分	0 好友	7万主题

发消息

从交互设计角度，聊聊Web网站和移动App的六大差异_0

TA的其它主题

发表于 2021-9-26 10:48 | 查看: 265| 回复: 0

从交互设计角度，聊聊Web网站和挪动App的六大差别

做交互设计近4年，介入过Web网站和挪动App的设计，前者依靠于PC的阅读器，后者则是依靠于手机/平板电脑。分歧的装备/平台均有各自的特色，以致于在设计这两类产物时也有些许差别。

今天就从交互设计的角度，聊一聊Web网站和挪动App有哪些分歧的地方、和必要斟酌的设计要点。
1、用户与界面交互/操作的方法分歧
Web网站：以鼠标或触摸板为前言，多采纳左键点击的操作，也支撑鼠标滑过、鼠标右键的操作方法。

挪动App：直接用手指触控屏幕，除最通用的点击操作以外，还支撑滑动、捏合等各类繁杂的手势。

设计要点：
比拟鼠标，手指触摸范畴更大，较难切确节制点击位置，对此iOS人机交互规范中提得手指最符合的触控区域最少必要44 point。以是挪动App的点击区域要设置的更大一些，分歧点击元素的距离也不克不及太近。Web网站支撑鼠标滑过的结果，一些tips提醒凡是采纳鼠标滑过开展/收起的交互方法。在挪动App则不支撑这种结果，畅达必要点击特定的icon来收起/开展提醒。挪动App支撑的丰硕的手势操作，好比经由过程左滑可看到你可能必要的快捷操作“取缔存眷”、“删除”，这种操作方法的特色是快捷高效，但对付初学者来讲有必定的进修、获知本钱。咱们在公道设计这些快捷操作方法的同时，还必要支撑最通用的点击方法来完成使命的操作路径。针敌手势操作进修本钱高的问题，一些App常经由过程新手指导的方法来教用户。挪动App以单手操作为主，界面上首要元素必要在用户单手点击范畴内，或供给快捷的手势操作。2、装备尺寸分歧
Web网站：分歧PC的辨别率分歧，阅读器窗口最大化的尺寸也分歧；阅读器窗口可缩放。

挪动App：装备尺寸相对于较小；分歧装备的辨别率差别化较多，出格是Android；支撑横屏、竖屏调转标的目的。

设计要点：
挪动App的尺寸较小，一屏展现的内容有限，更必要明白哪些信息更加首要，有用的“组织”相联系关系的内容，优先级高的内容凸起展现、次要内容得当“暗藏”。Web网站因阅读器辨别率差别较大、且窗口尺寸可变革，设计时必要肯定好分歧辨别率的内容展现和结构，也由于这一点加之webapp的阅读需求，近几年来相应式设计更加广泛。因装备辨别率、dpi巨细纷歧，以是挪动App在界面结构、图片、文字的显示上，要分身分歧装备的结果，必要设计师与开辟配合共同做好适配事情。因挪动装备支撑横屏、竖屏展现，以是在设计挪动App（好比游戏、视频播放界面）时，必要斟酌用户是不是有“换个标的目的看看”的需求、哪些环境下切换屏幕标的目的、若何切换等。3、利用情况分歧
Web网站：凡是坐在某个室内、使历时间相对于较长；

挪动App：既多是长时候在室内利用、也多是操纵碎片化的时候利用，或站或坐或躺着或行走，姿式纷歧；

设计要点：
利用Web网站时，用户更加专注；利用挪动App时，用户很轻易被周边情况所影响，对界面上展现的内容可能没那末轻易留心到；长时候使历时更合适寂静式阅读，碎片化时候使历时用户可能没有足够的时候、每次阅读内容有限，雷同“稍候浏览”、“保藏”等功效则比力适用；用户在挪动进程中更易误操作，必要斟酌若何避免误操作、若何从毛病中规复。4、收集情况分歧
Web网站：收集相对于不乱且根基无需担忧流量问题

挪动App：因用户利用情况繁杂，可能在挪动进程中从畅达情况到封锁的旌旗灯号较差的情况，收集可能从有到无、从快到慢；既可以使用无需担忧流量的WiFi，也可能利用必要节制流量的3G/4G。

设计要么么直播点：
挪动App，收集异样的环境更广泛，必要加倍器重这种场景下的毛病提醒、和若何从毛病中规复的法子。挪动App，在3G/4G环境下用户对流量比力器重，对付必要花费较多流量的操作，必要提示用户，在用户容许的条件下才继续举行。5、通知方法分歧
Web网站：对付阅读器的通知中间，用户利用的未几，很难自动唤升引户

挪动App：推送通知给用户的方法很常见。

设计要点：
在挪动App可以用通知实时提示用户一些首要信息，但也必要快猫视频斟酌用户封闭通知提示的场景下用户依然能无碍的利用；由于“通知”功效对用户较为首要，设计师必要思虑若何让用户更易“开启通知权限”。6、基于位置办事的邃密度分歧
Web网站：定位功效一般获得到的是当前都会

挪动App：可较为切确的获得用户确当前位置

设计要点：
挪动App可公道的操纵用户的位置，给用户供给一些办事。好比，舆图类可以搜刮“我的位置”到目标地的线路，糊口办事类可以盘问我的位置四周的美食、阛阓、片子院等等，如许的方法省去了用户手动输入当前位置的繁杂、加倍智能化。#专栏作家#
青溪Joanna，微信公家号-青溪札记（qingxizhaji），交互设计师一枚，喜好体验各类App，存眷社交、在线游览、O2O、东西类产物；长于需求阐发、交互设计，有必定前端开辟履历；业余时候喜好网球、ukulele、简笔划，正在尽力攒技术。

本文原创公布于人人都是产物司理，未经允许，不得转载。

收藏0 回复显示全部楼层道具举报

返回列表

		自动登录	找回密码
密码			立即注册