Day25 不专业翻译 2018的行动UX设计趋势(上)

最近看到一个文章,觉得不错拿出来铁人赛来写写,其实一直想要写跟mobile有关的UX,但真的没有太多时间可以深入的研究,刚好在上网的时候看到,就花个三天的时间给他好好看一下翻译一下吧。

使用者操作流程简单 User Journey Simplification

线性使用者 Linear User Flow

线性的设计体验是UX中一种明确的从开始到结束,帮助使用者去完成每一个步骤。线性的使用者流程是一种可以清楚的了解使用了多少时间去完成这个项目。
Uber
(以Uber做为范利)

渐进式提示 Progressive Disclosure

当你的app有许多的资讯及动作时,你不必一次拥有(everything-all-at-once),设计师可以透过「渐进式提示(Progressive Disclosure)」的技巧将资讯或流程视觉化,可以帮助使用者操作及了解,这样的设计可以减少去理解的时间,及增强对界面的理解
ProgressiveDisclosure
Read More Design Patterns: Progressive Disclosure for Mobile Apps

手势与动画的结合 In-app Gestures Paired With Animation

随着iPhone X问市,少了实体Home键,取而代之的是手势为基础的互动。对设计师来说必须要花更多的精力在手势体验上。
Read MoreGestural Interfaces: A Step Backwards In Usability

在手势为基础的互动中,最关键的两项要素为discoverabilitylearnability,为了去解决这样子的问题,通常会focus在动态图像(motion design)和微互动(microinteractions)上。

动画会被用在…

  • 去确认(物件、事件、组件…等等)相互作用是否可行(提示动画)
    animated1
    (动画与文字提示结合 Image credit: Material Design)
  • 与UI Elements之间关系的辨别(转场动画)
  • 提供反馈在互动上
    feedback
    (Image credit: Shakuro )

Read More Best Practices for Microinteractions

内容置中体验 Content-Centered Experience

(标题其实我不知道怎么翻译比较恰当)

将资讯整理好 Decluttering

移除视觉上叫杂乱的资讯,加强理解是每个UX设计师的目标。设计师们拿掉叫不恰当资讯(noise)与配置显示资讯的权重(signal),将放置内容优先和精心设计的视觉语言
将些不重要的资讯移除掉你可以更focus在你主要想要表达的讯息。
Read More Complexion Reduction: A New Trend In Mobile Design

明确的视觉阶层 Clear Visual Hierarchy

有明确的UI元素顺序,能更容易理解。强调视觉标示(例如在呼叫动作按钮上的对比颜色)能直接的让使用者更确定他的互动或需要的资讯。
ruten
(对比强调的颜色可以用于动作按钮 露天拍卖为例)

全萤幕体验 Full-Screen Experiences

无边框的设计明显是一种趋势,使用者期待有更多的全萤幕体验。

高画质的图片与影片 HD Images and Videos

app提供使用者全萤幕的体验,使用者对资源的品质也有相对的提升。一般来说图片不应该出现点阵感(pixelated)在你的手机萤幕上。
iphoneX

iphoneX Human Interface Guidelines


Reference From 12 Mobile UX Design Trends For 2018 | UX Planet By Nick Babich


减肥专栏、每日一句 (停刊中)

其实不用露肩也很好看喔
Pinterest
(Pic From Pinterest)

Day26 不专业翻译 2018的行动UX设计趋势(中)

今天真的是有忙到,翻译的东西不多,谢谢EddieJeff帮忙翻译。

活泼的色彩 Vibrant Colors

对设计师来说颜色是他们最强的工具之一,它可以标示重点、表示情绪影响着使用者的心情及动作,当在行动应用程序设计时,绝对是它(Vibrant Color)表现的时间。

颜色 = 功能性元素 Color As Functional Element

颜色不仅仅只能强调「美」,他也可以用来表示一种Functional Experience,例如:设计通常会用来分隔不同型态的通知
VibrantColors
(透过颜色来区分不同种类的活动 Image creidits: Jae-seong, Jeong)

Read More Vibrant Colors For Apps and Sites

表情化体验 Emotional Experiences

在2018年,我们可以看到更多**表情智慧(Emotional Intelligence, EI)**在行动体验上。EI不仅仅是在用户完成指定动作时的动画,他更强大的地方,在于提供给使用者吸引人想使用与愉快的体验。

传达情绪 Better Way To Express Emotions

表达情绪是人类的自然反应,透过简单的符号,也能够让对方了解我们的感受。

在行动装置的时代中,我们有很多的机会去分享我们的心情透过一些表情符号。人脸辨识提供给我们更多互动的机会,其中的一项新科技─Animoji 动画表情贴图,透过iphoneX的相机,可以将脸部动作转变成动画图案。
Animoji
(iPhoneX Animoji)

自然的与APP互动 Natural Interactions With Apps

要更注重手势,透过手势与app互动。例如,用手画爱心的图案,就可以表达Like(喜欢),而不需在去寻找按钮。

模拟情绪的UI Feedback Mimic Emotions In UI Feedback

我们透过产品建立人与人之间的连结。我们会期望在与产品互动的时候,也能够有拟人的回应。
mimics

影片才是主流 Dominance of Video

在大家的生活中处处都有影片,我们每个礼拜,每一天都花许多时间在这上面,当然这也是现在的趋势之一。

透过影片获取短暂的注意力 Adapting Video For Short Attention Span

人们的专注时间从2000年的12秒缩短为8秒(2015年),在传递内容上也渐渐的有所转变。在2018年会有许多的人或公司,透过直播影片或是360度全景影片来传递重要或即时的资讯。
欧巴马
(透过Facebook直播 Image credit: Buzzfeed)

直式导向的影片 Adapting Video For Portrait Orientation

根据Luke W,有94%的人使用手机是直立的,这意味着所有的内容(包含影片)应该尽量用直式的内容。
orientation
(Image credit: Luke W)

Reference From 12 Mobile UX Design Trends For 2018 | UX Planet By Nick Babich

Day27 不专业翻译 2018的行动UX设计趋势(下)

经过了许多风霜,终于来到了第27天,随着比赛渐渐的接近尾声,在过去的27天中,每天都希望能够呈现有内容,有深度的文章给大家,虽然小弟我才疏学浅,无法透过辞汇完整的表达我的意思,但我尽力将每一次的练习完整的表达出来,尽管内容并不深入,但希望大家都能看得懂,也替看文章代来一点乐趣,剩下三天,我依然会认真的完成每篇文章。

生物特征授权 Biometrical Authorization

App利用生物特征的科技提供另外一种登入的选择。生物特征可以分成生理与行为的特色,像是指纹、脸部辨识、声纹辨识…等等。

越来越多的人会使用生物特征授权 More People Will Use Biometric Authentication

生物特征授权不是完全新的科技,但有越来越多人会选择这个技术来取代密码。在2018,可以乐见生物辨识会越来越广泛被应用。这个技术会加速安全性的验证,并且结合使用者的手机。

FaceID将取代TouchID Face ID As a Replacement For Touch ID

随着iPhoneX使用FaceID来取代TouchID,也是另一种生物辨识的新选择,这也是最自然的方式去授权在未来的几年中。
face

交谈式设计 Conversational Design

有研究指出,平均每个人都会使用三个已上的APP在手机上,最常使用的就是通讯软体。人们喜欢聊天,这也是为什么语音助理或聊天机器人会慢慢成为发展趋势。

聊天机器人与通讯平台整合 Chatbots As Assistants Integrated In Messaging Platforms

我们不会将聊天机器人完全取代原本的聊天界面,但他与平台整合(像是Facebook Messenger),提供如助理一般的服务。有许多企业会透过聊天机器人来服务他们的客户。
chatbots

更细致的语音助理 More Sophisticated Voice Assistants

现今不只有视觉介面才能与APP互动。一个最要性指标发展的沟通介面─语音。在2016,Google表示约20%的行动版搜寻中是透过语音搜寻完成的。
googlehome

文案的重要 Importance Of Copywriting

随着这些技术越来越受欢迎,发开人员与设计师之间也开始意识到这些类型的文案必须要慎选,聊天机器人是与用户与机器之间的桥梁,每个用词都必须要慎选。语音互动中,减少使用者去学习操作界面的流程,进而提升UX。

个人化的UX体验 Advanced Personalization

提供在地的内容 Provide Content Based on User Location

App会透过手机来抓取使用者所在的位置,并提供适当的资讯给使用者,在2018年这也是一个发展的趋势会将这项体验做得更好。
starbucks

个人化的介面 Tailored User Interface

个人化的介面并不是只有简单的「Hi!~欢迎XXX光临」而已,每一个使用者对我们来说都是不一样的,当然也会有不同的需求,像是近视的使用者、色盲的使用者…等等,那么你还觉得APP是否要使用同一种的UI给每个人呢?

个人化将转变不同排版针对每个使用者,我们可以透过手机的sensor,或是其他资讯来给予不同画面的呈现,或是更好的使用者体验。

扩增实境 Augmented Reality(AR)

更容易创造AR It Will Be Much Easier To Create AR Experience

虽然我们可以看到市面上已经有许多的AR相关的App,但是要制作一款AR App其实是不容易的,但在2017年苹果公司与Google公司,释出了AR的框架可以帮助在AR开发上更容易。
Apple ARKit
Google ARCore

利用AR制造乐趣 AR For Entertainment

AR被应用在最广泛的地方在娱乐上面,像是精灵宝可梦或是通讯软体上的表情,透过镜头将一些贴图或图案与人脸做结合,这些都是AR的应用,也增强的使用者体验在这些应用程序上。

利用AR解决现实生活中遇到的问题 AR As a Solution For Real-life Problems

AR不仅仅能利用在娱乐上,他也能够解决现时生活中的问题。
AR

电子支付 Cashless Payments

无现金的之付方式,快速的诚维使用者的标准配备之一。(在2017这种新型态的之付方式成长了两倍之多)
这种无现金的之付方式,甚至改变了现今的商业模式,例如在中国使用微信之付、或是支付宝成为许多人的另一种选择之一。
对开发人员在这意味着什么?我们必须提供更多这种方式的服务选项给消费者(不论线上或是在无网路的环境中)
cashless
(在台湾也有许多行动之付的平台)


Reference From 12 Mobile UX Design Trends For 2018 | UX Planet By Nick Babich


减肥专栏 (停刊中)


每日一句

写完程序后CodeReview,就像拆开黑丝包装一样期待的结果。
By 黑丝工程师

Pinterest
(Pic From Pinterest)