1丶&新模板会覆盖原来老的宝贝详情页吗？会的，我们生成的是一个图片，会替换原来老的宝贝详情页面，所以建议做好备份工作；同时建议首次操作神笔的卖家，新建一个宝贝来熟悉模板的编辑，不要拿热款宝贝来试。2丶为什么同步详情时出现“您需要将模板中可替换的图片丶文字丶链接替换为您自己宝贝的信息才能同步宝贝描述”这样的提醒？使用模板时，需要将模板中的图片丶文字等内容替换成您自己的宝贝图片和信息，如果未对模板做任何操作的话，将无法同步到宝贝详情，出现如下图提示。3丶模板想恢复怎么办？pc模板恢复办法：进入卖家中心-出售中的宝贝-编辑宝贝可以进行历史详情的恢复手机端目前需要重新编辑（建议同步前做好备份），神笔也马上会给大家提供撤销模板的功能。&4丶现在免费模板有效期是一个月，一个月之后会收费吗？目前神笔模板市场没有明确的收费时间计划。淘宝将根据模板市场的发展情况来决定收费时间，并将会至少提前2个月公布具体收费时间及安排，请关注产品公告。另外，模板到期后，无论是否续费，都不会自动撤销现已使用模板的宝贝详情，请放心使用。&5丶模板上可以添加链接吗？电脑端可以，点击模板编辑器左上角圆形图标，添加热区（热区就是指链接可点击区域）。您可自由放置热区位置丶调整大小。手机端不支持添加链接。&6丶模板同步成功后，在详情页还是原来的样子？同步之后，系统会有一定时间的缓存，耐心等待并刷新查看下。另外，很多手机有本地缓存，手机端的宝贝同步后无法立即看到更新后的样子，建议用从来没有浏览过您店铺的其它手机进行查看~&7丶有使用了神笔模板的宝贝，参考一下吗？熟练使用模板后，没有，也可以将宝贝详情变得美美哒~先挑一个给大家看，如果你觉得你用神笔编辑得更好看，可以回帖推荐/1cV7xa
就是让你的详情页美美哒？
学习一下可以
神笔的功能，跟《27A宝贝描述》相比，确实太弱了...
@你关注的人或派友
亲，先登录哦！
电商加油站o为梦想加油
电商服务商o【优选】
20万商家使用多店铺统一管理！
十年沉淀成就电商ERP用户数第一!
全网40000商家都在用的上新利器！
请输入姓名：
请输入对方邮件地址：
您的反馈对我们至关重要！宝贝详情页编辑“神笔”——SDK无线端、PC端详情页模板使用教程_装修教程_老y开网店
后使用快捷导航没有帐号？
只需一步，快速开始
微信名称：老y开网店
微 信 号：lakwdian
微信ＱＱ：A8686369
宝贝详情页编辑“神笔”——SDK无线端、PC端详情页模板使用教程
查看: 8267|
摘要: 日前，淘宝官方再出神器，宝贝详情页无代码编辑，而且可以实现电脑PC端、手机无线端详情页同时可视化编辑。目前推广阶段模板全部免费，下面给大家简单的介绍一下模板的使用方法：1. 进入神笔-宝贝详情页编辑页面，ht ...
& & & &日前，淘宝官方再出神器，无代码编辑，而且可以实现电脑PC端、手机无线端详情页同时可视化编辑。目前推广阶段模板全部免费，下面给大家简单的介绍一下模板的使用方法：1. 进入神笔-页编辑页面，2.在左侧菜单栏里可以选择手机端、电脑端，选择一个自己喜欢的模板然后进入编辑，可以选择编辑电脑详情和手机详情：3. 我们说一下编辑手机详情页，模板框架已设置好，我们只需要更换里面的文字和图片就可以了，点击即可直接更换。4.编辑完后可以预览保存就可以了，看看你的宝贝详情页是不是变漂亮了呢？值得看的文章：
老y开网店() 转载请注明出处，关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板，淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货，老y个人微信号:A8686369 每天免费解答、指导。
上一篇：下一篇：为触屏手机而设计：拇指操作的&热区/死角&与&控件尺寸&-阿里云资讯网
为触屏手机而设计：拇指操作的“热区/死角”与“控件尺寸”
发布时间：
更新时间：
来源：网络
作者：春天的海之恋
Part 1 研究背景1.1 触屏手机界面设计的背景与挑战
挑战1：发展时间短，国内外的研究都尚处在探索阶段，充满未知和不确定。触屏技术最早被应用到手机上要追溯到1999年（motorola A6188），至今虽然已有12年时间，但真正为手指操作的触屏界面设计带来革命性变化还是07年1月9日发布的iphone1代以及他的多点触摸技术。时至今日，不过4年时间，以苹果设计团队为先驱国内外相关研究领域，包括触摸的手势、触屏界面的规范、触摸的可用性研究等等，都还处在探索阶段，这也意味着有很多现有的东西都是建立在猜测和尝试基础上的，他们的成熟度也是有待时间检验的。这些东西包括国外的期刊文献和图书，甚至是苹果app开发官网上的信息、设计原则。
挑战2：从鼠标键盘到手指，准确率问题、热区和死角的问题。触屏手机交互研究与PC交互的研究存在着质的变化。输入设备从鼠标键盘变成手指，一方面，操作的精准度上受到了挑战，在密集的信息处理上，用户常常会出现许多误操作；另一方面，手指操作所特有的“死角和热区”问题也是PC界面设计中不会面临的。
挑战3：东西方生理指标和文化差异对现有设计原则的影响。即便是那些被证明了合理可行的理论，在飘扬过海来到中国后，能克服东西方生理指标和文化差异带来的影响吗？要知道，同样大小的手机对中国人的手和老外的手握持的稳定性而言也是可能存在差异的。所以，成熟的西方知识拿来主义，进行更符合生理特征和民族文化的调整，是我们要面对的第三个挑战。
挑战4：普通/APP设计原则对淘宝（APP/WAP）的适用性。手机电子商务又是一个特殊的领域，我们面对海量决策信息与有限屏幕空间之间的矛盾，这是普通WAP网站或者APP应用极少会面对的严峻局面。如何将其他产品的触屏研究成果转化成更适合电子商务领域应用，是我们要进一步解决的问题。1.2 触屏手机界面设计一些前人的经验
《Tapworthy- Designing Great iphone Apps》Josh Clark&
（中文版：《触动人心&-设计优秀的》翻译者包季真 ）提到了iphone界面设计的两条原则——Rule of Thumb 和 The Magic Number is 44（见下图）。即，右利手触屏操作时的热区与死角（如下图），以及触及控件设计的合理尺寸为至少44pix。
对于这个研究结果，我们不难发现两个疑问——
问题1：这个热区图和所谓的标准尺寸是怎么得来的，在书中并没有详细的叙述，是基于“研究结果”还是设计者自身的“经验主义”我们也不得而知。根据书中的描述和作者的专业背景推测，这些很有可能是作者在收集iphone界面案例后的自己的分析和经验总结。
问题2：很多设计师在看完44pix这个数字后都很容易犯一个错误——不同分辨率的屏幕所对应的44pix实际物理大小是有很大差异的。在Iphone3下，44pix约等于7mm ；在iphone4下，却不足6mm。书中的讨论背景是iphone3，所以需要设计师根据物理尺寸进行对应的换算。1.3 触屏手机界面设计一些前人的研究
Josh Clark也许是个经验主义者，那让我们重新审视这个44pix。事实上，iphone团队把触击控件的界面最小尺寸限定为44pix(7mm)并非是没有依据的。早在人机工效学的研究中，前人曾得出结论，认为用食指操作，触击范围在7mm左右比较；而用拇指操作，合适的触击范围需在9mm左右。为给设计师们提供较为准确的工学指标，对按键操作进行精密的实验设计必不可少。
&Part 2 研究目的中国用户的单手拇指操作热区真的是这么分布的吗？热区与死角的差异有多大？那使用双手，食指操作还有没有热区和死角的差异呢？热区和死角如果存在差异，7mm这个设计原则在屏幕的任何区域都适用吗？ 单手拇指操作和双手食指操作对于控件尺寸的设计要求又有什么差异？
Part 3 研究理论基础3.1 分析用户按键误操作成因 没有击中按键（空击）想按某个按键时却按到相邻的另一个按键上（错击）
对于用户来说，第二种错误是更为致命的，这需要他花费更多的精力来纠正这一错误；而相对来说第一种情况就不那么严重了。因此在我们的实验设计中只取第二种情况为错误操作。3.2&实验情景
考虑影响用户按键操作难易度的两大情景因素：一为用户的状态（静止、走动、公交车上等）；二为做按键操作使用的手指（食指、拇指等）。将这两个因素结合，正式实验中取两种最为常见的操作情景状态（均为单手操作）：静止时用食指操作、走动时用拇指操作。前者相对容易，后者较为困难。3.3&心理物理法——恒定刺激法：
本实验研究采用心理物理法中的恒定刺激法，也叫正误法、恒定法、次数法。它的特点是只采用少数几个刺激（一般是4—9个），且这几个刺激在整个测定阈限的过程中是固定不变的，主试把这几个刺激以随机的方式反复向被试呈现。用恒定刺激法测感觉阈限之前，先要进行预备实验，以选定刺激并确定各刺激呈现的顺序。所选刺激的最大强度应为每次呈现几乎都能被感觉到的强度，被感觉到的可能性在95%左右；所选刺激的最小强度应为每次呈现几乎都不能被感觉到的强度，被感觉到的可能性最好在5%左右。选定刺激范围以后，再在这个范围内选出4—9个间距相等的刺激。正式实验时，每种刺激强度呈现的次数不能少于20个，且呈现的次数要相等，呈现的顺序要随机排列。用恒定刺激法测绝对阈限时，绝对阈限的值可以根据操作定义由直线内插法或其他方法求得。恒定刺激法测差别阈限时，也可以用相同的方法求得差别阈限。Part 4 实验规划4.1 实验对象与人群配比
由于本实验为基础研究，因此对于用户的要求不高，不一定非要淘宝用户。面向的对象可以是有潜在触屏手机使用能力的所有正常成年人。右利手为宜。在实验开始前，需对用户的手掌大小等尺寸进行测量，以选择手部尺寸适中的用户。详见国标《中国成年人人体尺寸》GB10000-88中的手部尺寸。采用被试间测试，初步定被试数量为40人左右，要求被试年龄在20岁以上，男女各半。4.2 实验设计自变量使用情景（2）：静止时用食指操作、走动时用拇指操作（被试间设计）刺激呈现区域位置（16）：将手机屏幕划分为4*4的区域（被试内设计）可触击区域的大小（5）：设计5种可触击区域——拇指7\8\9\10\11；食指5\6\7\8\9（实验为被试间设计，每种水平至少要求被试反应10次，则共要求被试反应16*5*10=800次。）
&因变量触击正确率：在单个反应中，取被试正确击中目标刺激为结束，但只要触击次数大于1则认为反应错误。即，手指首次成功击中刺激红点的次数占红点出现总数的比率。触击热区：在整个屏幕中，触击正确率显著高于其他部位的区域。触击死角： 在整个屏幕中，触击正确率显著低于其他部位的区域。触击范围最小尺寸：特定手指在触击正确率均值达到95%及以上的最小尺寸。手机原始屏幕参数设置实验设备：iphone4手机3.5英寸屏幕分辨率：640*960物理尺寸：4.93*7.40CM，平均1cm有130个像素点左右底色为灰色RGB（144，144，144）
注：屏幕区域的划分和标记都是虚拟的，不直接呈现在屏幕上。一开始呈现给被试的仍是原始屏幕，而在后台刺激呈现和和数据处理时需要用到区域的概念。 实验步骤
Step 1：指导与过后，计入实验参数设置。屏幕上部呈现文本框“请输入参数”，下面有一个输入框，要求可以输入数字，并且输入的数字可以被程序读取。按确认键进入正式实验。
Step2：每次只展现一个红点，不会同时出现。要求被试尽可能快速地完成触击，但并非在考验被试的反应能力和时间，保持平和心态。拇指实验者在特定范围内正常步行速度（1-1.5m/s）。
Step3：每个参数值有16&10次点击，耗时大约4-5min。共5轮，每轮之间可休息。
step4：交由研究员截屏保存，再后期手工录入SPSS进行统计分析。
&Part 5 单手&拇指&行走 研究中的发现5.1 结论1：通过检验，《Tap Worthy》书中建议的右手拇指触击热区的合理性尚存在问题
为了验证这一理论，本实验近似取“B1+B2+B3+C1+C2+C3+D1+D2+D3”为检验区，定义为“建议热区”，其余区域定义为“非建议热区”。如果这种建议的“热区”的假设成立，那么“建议热区”与“非建议热区”应该存在正确率上的显著差异，并且这种差异在不同刺激参数值下都成立，在红点大小在7/8/9/10/11的情况下，建议热区的正确率都应该显著高于建议死角。
但是，通过配对T检验，建议区正确率略高于非建议区，仅在参数值为7的时候表现为差异显著，但在红点大小为8/9/10/11的时候，两个区域差异不显著。即这个建议热区的划分方式合理性存在一定的问题，意味着控件触击尺寸为8/9/10/11及以上的情况下，这种划分意义可能不大，两个区域基本不存在差异。
5.2 结论2：实验发现更合理的右手拇指操作热区
我们猜测，在拇指自然弯曲且处在指肚触及的状态下，手持机的稳定性最佳，手指移动的灵活性也相对佳。所以我们模拟这种状态下手指触及的区域，大致呈现出一个“扇环”区域，在本实验中定义为“探索热区”，而其他区域为“非探索热区”。同理，如果这次探索的“热区和死角”的假设成立，那么“探索热区”与“非探索热区”应该存在正确率上的显著差异，并且这种差异在不同刺激参数值下都成立，在红点大小在7/8/9/10/11的情况下，建议热区的正确率都应该显著高于非建议热区。
结果，通过配对T检验，当红点大小为7/8/9/10时，探索区正确率均显著高于非探索区。差异随红点的变大而减弱，可能因为当红点增大到11后，触击定位变得更为简单，正确率都得到了提高，区域间的差异就消失了。较《tapworthy》所建议的操作热区，右侧通过我们探索得到的热区划分更为合理。尤其在控件尺寸大小被限定的前提下，放在热区与非热区的差异就会很大。
&结论3：实验发现右手拇指操作的死角
通过比较1区域的在不同红点大小实验下的正确率均值，发现A4\C4\D1\D4& 四个区域触击正确率显著低于整体均值。死角区误操作比率高，在控件布局时应考虑死角问题，特别是在处理高频操作位置时。
结论4：44pix（7mm)的原则在“单手/行走/拇指”操作状态下并不适用
在本研究中，当红点大小值为7mm时，行走状态下单手拇指操作触击正确率均未达到95%。7mm or 44pix 的设计远不能满足移动单手持机操作的状态，容易引起较高的误操作率。
结论5：实验发现更具体的拇指操作尺寸要求
在本研究中，在行走状态下单手拇指操作触击正确率均值达到95%的最小尺寸见下图。且可以发现，不同区域对触击的尺寸要求是有差异的。在设计单手操作的界面时，参考控件所在位置的触击尺寸要求，避免因尺寸小带来误操作，影响操作效率。
~~~~~~未完待续~~~~~~~
为触屏手机而设计系列2——食指操作的“热区/死角”与“控件尺寸”
本站所有文章全部来源于互联网，版权归属于原作者。本站所有转载文章言论不代表本站观点，如是侵犯了原作者的权利请发邮件联系站长（yanjing@），我们收到后立即删除。
摘要： 一切从整理开始 前阵子读了佐藤可士和的《超级整理术》和《创意思考术》两本书，有了点启示，想和大家分享下。记载的方式有点类似思维跳跃的随笔，希望大家在耐心阅读之后会有 & 一切从“整理”开始 前阵子读了佐藤可士和的《超级整理术》和《创意思考术》两本书，有了点启示，想和大家分享下。记载的方式有点类似思维跳跃的随笔，希望大家在耐心阅读之后会有所启示… 整理一词对大家并不陌生，佐藤...
摘要： 这篇文章将展示很多很酷的范例，甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话，你打算怎么做?给点提示，色彩是扁平化趋势中最重要的一部分。 扁 这篇文章将展示很多很酷的范例，甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话，你打算怎么做?给点提示，色彩是扁平化趋势中最重要的一部分。 扁平化设计进修 & & & ...
摘要： 每逢节日到来，当你打开QQ浏览器，发现有什么不同吗?QQ浏览器已经悄悄的送出了节日的关怀，呈现在你眼前的是朴实而又温情的画面节日闪屏。她是浏览器和用户情感交流的窗口，也 & 每逢节日到来，当你打开QQ浏览器，发现有什么不同吗?QQ浏览器已经悄悄的送出了节日的关怀，呈现在你眼前的是朴实而又温情的画面——节日闪屏。她是浏览器和用户情感交流的窗口，也是传递节日祝福的桥梁。在不同的...
摘要： 文是非常详细的一份移动建站方面的资料，上一次谷歌发布了移动网站建站的十大原则，这次百度也发布了移动建站指南，图文并茂的描述了如何提高移动站在百度质量度的等级，在百 文是非常详细的一份移动建站方面的资料，上一次谷歌发布了移动网站建站的十大原则，这次百度也发布了移动建站指南，图文并茂的描述了如何提高移动站在百度质量度的等级，在百度推广后台已经有“移动站点质量度”的星级评价体系了，页面大小...
站内SEO优化
& & 对于大多数网站而言，并没有刻意注重图片优化，在图片优化上并没有下过多的工夫，然而以图片为主题展现信息的网站却是成千上万，不在少数。并且能够通过图片信息获取大量流量，这使我们不得不引起关注以及重视。对于图片优化过程中需要注意哪些细节呢?优化图片有哪些技巧呢?这让我们进入了深入思考中。闲暇之余，对于图片优化技巧也进行了深入分析以及总结。 & & &...
& & 技术的革新带动了设计行业的的迅猛发展，这使得设计师和开发者有了更广阔的的探索天地。 & & & & 1.响应式网页设计(Responsive Web Design) & & & 现在越来越多用户都拥有多种终端：台式机，笔记本，平板电脑，手机，能够适应不同尺寸显示屏的网页是现在的潮流，甚至是未来很...
服务与支持
售前咨询：400-118-）
账号与支付
关注阿里云论如何使用淘宝神笔做一个能加链接的手机图文详情页_装修教程_老y开网店
后使用快捷导航没有帐号？
只需一步，快速开始
微信名称：老y开网店
微 信 号：lakwdian
微信ＱＱ：A8686369
论如何使用淘宝神笔做一个能加链接的手机图文详情页
查看: 290|
摘要: 1、如何找到神笔2、选择模板–在模板市场中选择一款您喜欢的模板进行使用选择宝贝–--选择您商品中需要用模板来编辑的宝贝选择编辑手机详情（如图1）或者进入编辑器后切换成手机编辑模式（如图2）图1图23、编辑文字 ...
1、&如何找到神笔&<font color="#、选择模板&–&在模板市场中选择一款您喜欢的模板进行使用选择宝贝&–--&选择您商品中需要用模板来编辑的宝贝选择编辑手机详情（如图1）或者进入编辑器后切换成手机编辑模式（如图2）图1图2&<font color="#、编辑文字&–&直接点击模板上的文字，在左侧编辑区输入您要修改的文字及调整文字样式&（如图3）替换图片&–&选择模板中的商品图片，在左侧编辑区点击改换图片（如图4），选择或上传您自己的图片后，裁剪合适的图片大小（如图5）图3图4图5&4、模板内容不喜欢，自己添加图片、添加文字，删除不要的内容！增加模块、删除/隐藏模块（见下图右侧模块管理区）你可以在原有模板的基础上增加模块，也可以对所有模块进行隐藏或删除的操作。并且可以修改模块高度（如下图底部红色标注）加图片、加文字（如下图顶部红色标注）先在右侧模块管理区选择一个模块，然后在这模块上可加图片、加文字。（一定要先选择模块哦）介绍① 设置自运营模块到了大家最想知道的一步：如何在手机详情中设置可点击的链接。除了模板已有的模块之外，您还可以自由设置“店铺优惠券”、“店铺活动”、“宝贝推荐”的其中一个模块。&例如，设置了优惠券，会显示如下模块（这里注意哦，优惠券的价格、领取条件、有效期等会在发布后显示真实信息！在编辑的时候只是显示效果图）----注：优惠券要在创建优惠券的地方选择“公开推广”，神笔才能取得到优惠券信息哦。&介绍② &&设置SKU信息（内测当中，部分商家可见）在详情页的图片上设置sku，买家在阅览详情的过程中，看到喜欢的商品型号可以直接选中购买，不用来来回回看好几遍型号记不住了。阅读图片是用户购买欲最强烈的时候，直接选中，减少用户操作步骤，免去用户购买时记不住商品型号、套餐分类的苦恼，最直接提高购买转化率！（注：Sku也就是我们通常说的最小存货单元，例如纺织品中每个规格、颜色、款式的商品都有一个不同的sku，数码电器产品每一个套餐也都是一个sku）所以，如果你想买家这么方便地选择你的商品规格，那么你就要在神笔模板中设置这些商品的sku信息。如下图，选择添加SKU，把标签放在相应的图片上，选择具体的颜色或者尺码等信息。&<font color="#、组件管理对于模板内的组件，您可以修改、上移下移、复制、删除。<font color="#、同步详情详情页的内容都设置完成之后，同步详情，即可同步到这个宝贝的手机图文详情中。建议同步前，先预览一下详情页效果，所见即所得。<font color="#、好啦！看到最后一步，就轮到您亲自上手去编辑，不会设计也完全不担心！
老y开网店() 转载请注明出处，关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板，淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货，老y个人微信号:A8686369 每天免费解答、指导。
上一篇：下一篇：}